我在我的网站上使用谷歌地图JS V3 API。当用户搜索一个地方时,我可以使用getDetails by placeId。当用户单击POI时,我也希望这样做。但是,当用户单击POI而不是使用搜索框时,我似乎找不到获取此placeId的方法。
我做了好几天的研究,没能找到任何接近的东西。
我遇到了这个功能请求,我想知道是否真的没有办法通过POI点击获取placeId:https://code.google.com/p/gmaps-api-issues/issues/detail?id=8113&q=poi&colspec=ID%20Type%20Status%20Introduced%20Fixed%20Summary%20Stars%20ApiType%20Internal
感谢您的帮助!
最佳答案
Google没有提供任何文档化的API方法来通过点击POI来获取位置id。但是,我可以通过反向地理编码获得地点id。
首先,我们可以通过本文所述的方法获得POI的坐标
其次,可以使用getPosition()方法中的坐标来调用geocode方法来检索地址组件和位置id。
这里有一个工作Stack-overflow answer
function initialize() {
var mapOptions = {
zoom: 14,
center: new google.maps.LatLng(38.8862447, -77.02158380000003),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map_canvas'),
mapOptions);
geocoder = new google.maps.Geocoder;
//keep a reference to the original setPosition-function
var fx = google.maps.InfoWindow.prototype.setPosition;
//override the built-in setPosition-method
google.maps.InfoWindow.prototype.setPosition = function() {
//this property isn't documented, but as it seems
//it's only defined for InfoWindows opened on POI's
if (this.logAsInternal) {
google.maps.event.addListenerOnce(this, 'map_changed', function() {
var map = this.getMap();
//the infoWindow will be opened, usually after a click on a POI
if (map) {
//trigger the click
google.maps.event.trigger(map, 'click', {
latLng: this.getPosition()
});
}
});
}
//call the original setPosition-method
fx.apply(this, arguments);
};
google.maps.event.addListener(map, 'click', function(e) {
//alert('clicked @' + e.latLng.toString())
geocoder.geocode({
'location': e.latLng
}, function(results, status) {
if (status === google.maps.GeocoderStatus.OK) {
if (results[0]) {
alert('place id: ' + results[0].place_id);
} else {
console.log('No results found');
}
} else {
console.log('Geocoder failed due to: ' + status);
}
});
});
}
google.maps.event.addDomListener(window, 'load', initialize);
html,
body,
#map_canvas {
margin: 0;
height: 100%;
}
<div id="map_canvas"></div>
<script src="https://maps.googleapis.com/maps/api/js?callback=initialize" async defer></script>
关于javascript - 单击POI时在Google map 上获取placeId,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34084208/