如何通过ID选择和操作谷歌地图（V3 JS API）标记？

我在左侧获得了带有标记的Google地图，以及一个内容项目列表，其中列出了右侧的标记。 单击标记时，列表将滚动到相应的条目。 那已经有了。 现在为了更好地可视化，我想在右侧的列表项被点击时突出显示地图中的标记。

除非我不知道如何通过它的id选择标记，否则我完成了所有工作。 我在jquery中使用它。 它适用但仅适用于最后创建的标记。

$(document).ready(function() { $('#list_canvas h2').click(function() { marker.setIcon('http://google-maps-icons.googlecode.com/files/black01.png'); }); }); 

如何更改线条以通过它的ID选择标记？

Answer 1

您应该创建一个可用于将标记绑定到其触发器元素的数据结构。 单击元素时，可以查找相应的标记并将其打开。 例如：

 var markers = []; $('li').each(function(){ markers[$(this).index()] = new google.maps.Marker({ ... }); $(this).click(function(){ var marker = markers[$(this).index()]; doStuffOnMarker(marker); }); });