Назначить идентификатор маркеру в листочке ⇐ CSS

[Anonymous]

Итак, я стараюсь достичь результата, как на Foursquare: https://foursquare.com/explore?cat=drin ... near=paris, когда вы клика На правой стороне экрана в Ad Hoc Restaurant и выделяет его через CSS. И наоборот, когда вы нажимаете на ресторан в списке, он выделяет его на карте. Я думаю, что смогу достичь этого, внести свой вклад в динамически CSS, как показано в этом примере: http://jsfiddle.net/gu4sw/7/ + Свиток к сценарию назначения уже находится на странице. < /p>

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

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();
< /code>

Вопрос: как я могу назначить идентификатор маркера для запуска изменения CSS в соответствующем элементе на моей странице HTML? < /p>

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

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