El mapa del folleto adaptado de este tutorial crea marcadores como:
async function render_markers() { const markers = await load_markers(); L.geoJSON(markers) .bindPopup((layer) => layer.feature.properties.name) .addTo(layerGroup); }Quiero cambiar los marcadores de este mapa a cualquiera de las soluciones recomendadas en este buen hilo . Pero no sé cómo controlarlos, ya que todos los marcadores parecen construidos individualmente, por ejemplo:
L.marker([51.5, -0.09], {icon: greenIcon}).addTo(map);La documentación del folleto también parece mostrar cómo cambiar los marcadores individualmente. ¿Cómo podemos obtener una solución como esta que funcione con la forma en que se construye nuestro mapa? ¿Qué nos estamos perdiendo?
Está buscando este Folleto-Tutorial .
Para personalizar marcadores o círculos, debe agregar la función pointToLayer :
L.geoJSON(markers, { pointToLayer: function (feature, latlng) { return L.marker(latlng, {icon: greenIcon} ); } }) .bindPopup((layer) => layer.feature.properties.name) .addTo(layerGroup);