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

Question

我在左侧有一个带有标记的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

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

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