Как выбрать и управлять маркером Google Maps (V3 JS API) по идентификатору?

Question

Я получил карту Google с маркерами с левой стороны и список с элементами контента, объясняющими эти маркеры с правой стороны.Когда я нажимаю на маркер, список прокручивается до соответствующей записи.Это уже работает.Теперь, чтобы визуализировать его лучше, я хочу выделить маркер на карте, когда щелкнет элемент списка справа.

У меня все работает, кроме того, что я не знаю, как выбрать маркер поЯ бы.Я использую это в JQuery.Это работает, но только для последнего созданного маркера.

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

Как изменить строку, чтобы выбрать маркер по его идентификатору?

Answer 1

Вы должны создать структуру данных, которую можно использовать для привязки маркеров к их элементам триггера.Когда вы нажимаете на элемент, вы можете найти соответствующий маркер и открыть его.Например:

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