我知道如何在地图上设置点击事件，并且在点击随机位置时效果很好。但是当我点击一个商业地点时，Google Maps 会显示包含该商业信息的气球，但是不会将点击事件引发到我的 JavaScript。
您可以在此地理编码演示 (http://rjshade.com/projects/gmaps-autocomplete/) 中看到这种情况。浏览地图到某个城市并单击一个随机位置：地址显示在文本框中（万岁！）。现在找到一些营业地点并单击它：地图弹出气球，但没有向 JavaScript 发送单击事件来更新文本框。具有讽刺意味的是：所需的地址信息在气球中可用！
如何处理谷歌地图中商户的点击事件？
截图：
【问题讨论】：
标签： google-maps-api-3 google-places-api
编者注：此答案适用于 3.23 版。自 2016 年发布 3.24 版本以来，您可以使用 clickableIcons 映射选项。 See this answer.
基本上没有选项来处理对 POI 的点击。
当然，您可以通过样式简单地隐藏这些功能，但是当您想让它们在地图上可见时，这里有一个解决方法（基于：click event listener on styled map icons and labels）：
当您单击 POI 时，会打开一个信息窗口，您可以在此处访问。
覆盖InfoWindow-原型的setPosition-方法，使其触发地图点击。
//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 () {
//logAsInternal 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);
};
【讨论】：
signed_in），无论版本如何。
这是在 Google Maps API issue tracker 中跟踪的问题 #4797，最近已修复，在 3.26 版中可用。
从 3.26 版开始，您应该在 Map 对象上监听“click”事件。如果用户单击 POI，则会引发 IconMouseEvent。该类扩展了Regular MouseEvent 并包含一个名为placeId 的属性。因此您可以检查事件对象是否已定义 placeId。 placeId 字段当然包含一个 Place Id，您可以将其与 Places API 一起使用以获取有关被点击图标的更多信息。
我准备了一个小演示：http://jsbin.com/parapex/10/edit?html,output
当您单击地图时，会触发 ClickHandler 对象的 handleClick 方法。您可以看到它检查 placeId。然后它路由到该地点（使用 placeId），最后使用 Maps API 中的 Places Service 获取有关该地点的信息（在本例中为名称、图标和地址）。
【讨论】：