我有一个谷歌地图标记列表作为谷歌地图旁边的 html 链接。我有点击链接时触发的功能。标记 ID 被传递给此函数。
我的问题是 - 当我有 100 个标记时,我想以某种方式识别地图上点击的标记。某种会远离标记的涟漪效应。
请告知我可能的选择,以便我可以开发适当的解决方案
示例:地图上已有 100 个标记。我的左边还有 100 个名字。每个名称对应于每个标记。当我单击名称时,我希望属于该名称的标记以某种方式“闪烁”或以其他方式在其他标记中标识自己。
我有一个谷歌地图标记列表作为谷歌地图旁边的 html 链接。我有点击链接时触发的功能。标记 ID 被传递给此函数。
我的问题是 - 当我有 100 个标记时,我想以某种方式识别地图上点击的标记。某种会远离标记的涟漪效应。
请告知我可能的选择,以便我可以开发适当的解决方案
示例:地图上已有 100 个标记。我的左边还有 100 个名字。每个名称对应于每个标记。当我单击名称时,我希望属于该名称的标记以某种方式“闪烁”或以其他方式在其他标记中标识自己。
在标记被固定在地图上之前,您需要设置一个全局标记变量
var gb.markers = [];
当您创建每个标记时,需要推入全局标记数组
marker = new google.maps.Marker({
// other stuff
'id': marker.id
});
完成将函数分配给标记后,将其推入全局变量
gb.markers.push(marker);
确保当您单击标记时将获得标记 id 并循环全局标记或使用 id 作为索引的标记数组
涟漪效果会非常复杂,可能涉及以您希望突出显示的标记为中心的“GroundOverlay”对象的定位。
如果您的目标只是能够突出显示标记,则可以使用'Marker.setAnimation(animationObject)'播放简单的动画。您也许可以使用“Animation.BOUNCE”来突出显示标记?