Я хочу отображать названия станций каждого маркера в событии щелчка, изменяя строку моего элемента в DOM.
Я не знаю, как восстановить свойства моего объекта моего массива API Jcdecaux. Я создаю все маркеры одновременно, но вдруг не могу выбрать только один.
Спасибо, что заглянули.
markers = L.markerClusterGroup();
for (var i = 0; i < stations.length; i++) {
var adresse = stations[i].name;
var marker = L.marker(new L.LatLng(stations[i].position.lat, stations[i].position.lng)).on('click', function(e) {
carte.viewMap.setView(e.latlng, 17);
document.querySelector("div#zone_reservation h3").innerHTML = //???\\ ; /*Stations name = stations.name */
});
marker.bindPopup(adresse);
markers.addLayer(marker);
}
carte.viewMap.addLayer(markers);
}
...skip
<div id="zone_reservation">
<!-- Name of station -->
<h3>Nom de la station</h3>
<i class="fas fa-clock"></i>
<!-- Station status -->
<p>Ouverte / Fermer</p>
<i class="fas fa-map-marker-alt"></i>
<!-- Station adresse -->
<p>Adresse de la station</p>
<i class="fas fa-bicycle"></i>
<!-- bike available -->
<p>Nombre de Vélib(s) disponibles</p>
... skip