¿Alguien tiene una idea de cómo centrar los números dentro de los marcadores? Esta es la situación actual.
Crear un marcador
return L.divIcon({ className: "green-icon", iconSize: [25, 41], iconAnchor: [10, 44], popupAnchor: [3, -40], html: markerNumber, });CSS
.green-icon { background-image: url("../GreenIcon.png"); background-repeat: no-repeat; margin: 0 auto; text-align: center; color: white; font-weight: bold; }Esto debería funcionar.
return L.divIcon({ className: "green-icon", iconSize: [25, 41], iconAnchor: [10, 44], popupAnchor: [3, -40], html: `<span class="icon-text">${markerNumber}</span>` })Agregue esto a su CSS.
.icon-text { text-align: center; } .green-icon { display: grid; align-items: center; }Ejemplo JSfiddle