google-maps - 如何在点击时识别谷歌地图标记？

Question

我正在从开发人员 API v3 创建一个谷歌地图。它填充了从 ColdFusion 查询 MsSQL 数据库动态创建的标记。

 <cfloop query="One">
 <script>locations[<cfoutput>#One.userID#</cfoutput>
] = new google.maps.LatLng(<cfoutput>#One.latLng#</cfoutput>);
 </script>
 </cfloop>

我需要一种在单击标记时识别标记的方法，以便我可以在 map 下方的框中显示地址详细信息，并在单击页面下方的按钮时突出显示标记。

Answer 1

通常，您通常会将自己的自定义属性分配给标记。就像是:

function markerClicked(e) {
    console.log('Marker ' + marker.myData + ' has been clicked');
}
var marker = new google.maps.Marker(...);
marker.myData = 1; //this could be arbitrary data or even another object
google.maps.event.addListener(marker, 'click', markerClicked);

不过，将自定义数据添加到任何 Google Maps API 对象都有风险。谷歌的代码被混淆了，内部(未记录的)属性可以而且确实会改变。确保您的属性(property)以不会与任何现有属性(property)或 future 属性(property)冲突的方式命名。提示:选择长度超过 3 个字母的属性名称。

如果您要缩小/编译/压缩 map 代码，则有 additional considerations .