Así que trato de lograr un resultado como en foursquare:https://foursquare.com/explore?cat=drinks&mode=url&near=Paris que es cuando haces clic en un marcador en el mapa, se desplaza por la lista de restaurantes en el lado derecho de la pantalla hasta el restaurante ad hoc, y lo resalta a través de CSS. Por el contrario, cuando hace clic en el restaurante de la lista, lo resalta en el mapa.

Estoy usando skobbler / folleto. Creo que puedo lograr esto modificando dinámicamente CSS como se muestra en este ejemplo:http://jsfiddle.net/gU4sw/7/ + un desplazamiento al script de destino que ya está en su lugar en la página.

Sin embargo, para lograr esto, parece que necesito asignar una ID dentro de los marcadores (2 marcadores a continuación):

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

La pregunta es: ¿Cómo puedo asignar una ID de marcador para activar el cambio de CSS en el elemento correspondiente dentro de mi página html?

Mi conocimiento de JS es muy limitado, pero puede ser que haya una solución agradable y fácil, gracias