谷歌地图，使用place_id创建地图

Question

是否可以使用Google API为网站创建一个与此完全相同的地图：

https://www.google.pl/maps/place/Googleplex/@37.422,-122.0840835,19z/data=！4m2！3m1！1s0x808fba02425dad8f： 0x6c296c66619367e0

所以我想要的是将地点ID传递给API，以获得一个像Googleplex这样的地方，我希望标记在上面，地名是红色的。

我使用api v3，我想直接传递给它的id的地方不使用搜索像这里提到的：https://developers.google.com/maps/documentation/javascript/places#place_searches

我也不想嵌入一个预生成的，因为面积图需要覆盖的是动态的页面宽度和高度。

Answer 1

该函数有3个输入，您应该将它们存储在代码中。（在这里您可以找到place_id：https://developers.google.com/maps/documentation/javascript/examples/places-placeid-finder）您应该更改地图ID（或将其作为输入传递）。

function initMap(place_id, lat, lng){
    var map = new google.maps.Map(document.getElementById('js-concrete_map'), {
        center: {lat: lat, lng: lng},
        zoom: 15
    });
    var infowindow = new google.maps.InfoWindow();
    var service = new google.maps.places.PlacesService(map);

    service.getDetails({
        placeId: place_id
    }, function(place, status) {
        if (status === google.maps.places.PlacesServiceStatus.OK) {
            var marker = new google.maps.Marker({
                map: map,
                position: place.geometry.location
          });
          google.maps.event.addListener(marker, 'click', function() {
            infowindow.setContent(place.name);
            infowindow.open(map, this);
          });
        }
    });
}

Answer 2

使用PlacesService和getDetails（）方法。

function initialize() {

    var map = new google.maps.Map(document.getElementById('map-canvas'), {
        center: new google.maps.LatLng(-33.8665433, 151.1956316),
        zoom: 15
    });

    var request = {
        placeId: 'ChIJN1t_tDeuEmsRUsoyG83frY4'
    };

    var infowindow = new google.maps.InfoWindow();
    var service = new google.maps.places.PlacesService(map);

    service.getDetails(request, function (place, status) {

        if (status == google.maps.places.PlacesServiceStatus.OK) {

            var marker = new google.maps.Marker({
                map: map,
                position: place.geometry.location
            });

            google.maps.event.addListener(marker, 'click', function () {
                infowindow.setContent(place.name);
                infowindow.open(map, this);
            });
        }
    });
}

google.maps.event.addDomListener(window, 'load', initialize);

看见https://developers.google.com/maps/documentation/javascript/examples/place-details