javascript - 谷歌地图，使用 place_id 创建 map

Question

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

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

我也不想嵌入预生成的，因为区域 map 需要覆盖的页面宽度和高度是动态的。

Answer 1

使用 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