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

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

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

var marker = L.marker([52.52112, 13.40554]).addTo(map);
marker.bindPopup("Hello world!<br>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!<br>I am a popup2.", { offset: new L.Point(-1, -41) }).openPopup();

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

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