Получить фотографии из Google Map API - PullRequest
Новая
       35

Получить фотографии из Google Map API

0 голосов
/ 30 мая 2018

Я хотел бы вернуть фотографии API карты Google и вставить их в DOM.В документации это кодирует, в соответствии с которым позволяет вернуть фотографии нескольких мест и использовать их в качестве маркера 

function createPhotoMarker(place) {
var photos = place.photos;
if (!photos) {
return;
}

var marker = new google.maps.Marker({
map: map,
position: place.geometry.location,
title: place.name,
icon: photos[0].getUrl({'maxWidth': 35, 'maxHeight': 35})
});
}

, которые работают очень хорошо, но вы можете показать мне, как нашли фотографию и вставить ее в DOM?Я пробовал что-то подобное, но он не очень хороший способ: мой тест.извините за мой плохой английский 

 function callback(results, status) {
                if (status === google.maps.places.PlacesServiceStatus.OK) {
                    for (var i = 0; i < results.length; i++) {
                        createMarker(results[i]);
                        restos.push(results[i].name);
                        // console.log(results[i]);
                        var btnSuite = document.createElement('button');
                        createPhoto(results[i]); //photos test !!??
                        btnSuite.innerHTML = '<b>' + results[i].name +      '</b><br>' + results[i].vicinity + '<br>' + '<img src=' + createPhoto(results[i]) + '/>';

                        btnSuite.id = 'droiteBtns';
                        droite2.appendChild(btnSuite);



                    }

                }

            }
 function createPhoto(place) {
                var photos = place.photos;
                if (!photos) {
                    return;
                }

                var photo = photos[0].getUrl({
                    'maxWidth': 150,
                    'maxHeight': 150
                })

            }

Спасибо за вашу помощь

1 Ответ

0 голосов
/ 30 мая 2018

Вы можете попробовать это: http://jsfiddle.net/mervinsamy/m1ejzt7j/

Я создал объект img, сохранил там изображение, а затем добавил его в существующий div.

Соответствующий HTML: 

<div class="photos-section" id="img-container"></div>

Соответствующий JS: 

var img = document.createElement("img") //Create object
img.src = photos[0].getUrl({'maxWidth': 100, 'maxHeight': 100}); //store image url as src attribute
document.getElementById("img-container").appendChild(img);  //add to existing div
...