如何在地图上识别谷歌地图标记

时间:2012-11-02 03:55:52

标签: javascript google-maps google-maps-api-3

我有一个谷歌地图标记列表作为谷歌地图旁边的HTML链接。我有点击链接时触发的功能。标记ID传递给此函数。

我的问题是 - 当我有100个标记时,我想以某种方式识别地图上的点击标记。某种涟漪效应会远离标记。

请建议我可能的选择,以便制定适当的解决方案

示例:地图上已有100个标记。我左边还有100个名字。每个名称对应于每个标记。当我点击名称时,我想要某种方式属于该名称的标记"闪烁"或以其他方式在其他标记中识别自己。

2 个答案:

答案 0 :(得分:2)

在标记固定在地图上之前 你需要设置一个全局标记变量

var gb.markers = [];

创建每个标记时需要推入全局标记数组

marker = new google.maps.Marker({
  // other stuff
  'id': marker.id
});

完成将标记赋值功能后,将其推入全局变量

gb.markers.push(marker);

确保点击标记时会获得标记ID 并循环全局标记或使用id作为索引的标记数组

答案 1 :(得分:1)

涟漪效应会非常复杂,可能涉及以您想要突出显示的标记为中心定位'GroundOverlay'对象。

如果您的目标只是为了突出显示标记,可以使用'Marker.setAnimation(animationObject)'播放简单的动画。您可以使用'Animation.BOUNCE'突出显示标记吗?