javascript - Google Maps API 将监听器添加到标记数组

Question

我有一张 map 显示基于保存在数组中的数据库的标记。现在我想为它们添加动画。快速研究给了我information about single markers但没有提示我如何对多个标记执行这些操作。

作为 Javascript 的新手，我不太确定如何执行此操作。

我有一个基于 php 的 foreach 循环，其中添加了标记。 (据我所知，数据库请求仅适用于 php)。

我试过插入

google.maps.event.addListener(flightMarkers[flightMarkers.length], 'click', flightMarkers[flightMarkers.length].setAnimation(google.maps.Animation.BOUNCE);;

但是 map 甚至不再显示了。

非常感谢任何想法和提示!提前致谢。

Answer 1

flightMarkers.length 包含 flightMarkers 中的项目数。

所以当你有

flightMarkers = new Array();
flightMarkers[ 0 ] = "value";
flightMarkers[ 1 ] = "value";
flightMarkers[ 2 ] = "value";

flightMarkers.length 将包含数字 3，但该数组中的最后一个索引是 2。当您在此示例中键入 flightMarkers[flightMarkers.length] 时，它将是 flightMarkers[3]，这是未定义的。

如果您只想向最后一个标记添加监听器，请使用 flightMarkers[flightMarkers.length - 1]。如果要为每个标记添加监听器，请使用 for 循环:

for( var i = 0; i < flightMarkers.length; i++ ) {
    google.maps.event.addListener(flightMarkers[i], 'click', 
    flightMarkers[i].setAnimation(google.maps.Animation.BOUNCE););
}