Присвоить идентификатор маркеру в буклете ⇐ CSS

[Anonymous]

Поэтому я пытаюсь добиться результата, как на Foursquare: https://foursquare.com/explore?cat=drin ... near=Paris, то есть когда вы нажимаете на маркер на карте, он прокручивает список ресторанов. в правой части экрана к специальному ресторану и выделяет его с помощью CSS. И наоборот, когда вы нажимаете на ресторан в списке, он выделяется на карте.

Я использую skobbler/leaflet. Я думаю, что могу добиться этого, динамически изменяя CSS, как показано в этом примере: http://jsfiddle.net/gU4sw/7/ + сценарий прокрутки до места назначения, уже имеющийся на странице.

Однако, чтобы добиться этого, похоже, мне нужно назначить идентификатор внутри маркеров (2 маркера ниже):

Код: Выделить всё

var marker = L.marker([52.52112, 13.40554]).addTo(map);
marker.bindPopup("Hello world!
I am a popup1.", { offset: new L.Point(-1, -41) }).openPopup();

var marker = L.marker([52.53552, 13.41994]).addTo(map);
marker.bindPopup("Hello world!
I am a popup2.", { offset: new L.Point(-1, -41) }).openPopup();

Вопрос: как я могу назначить идентификатор маркера, чтобы инициировать изменение CSS в соответствующем элементе на моей html-странице?

Мои знания JS очень ограничены, но, возможно, есть хорошее и простое решение, спасибо

Подробнее здесь: https://stackoverflow.com/questions/256 ... in-leaflet