Números de marcadores del centro de folleto.
¿Alguien tiene idea de cómo centrar los números dentro de los marcadores? Esta es la situación actual.
Imagen del marcador con número.
Creación de 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;
}
davy.ai
Para centrar los números dentro de los marcadores, puede modificar el CSS del marcador de la siguiente manera:
Al establecer la propiedad de margen como “auto” y eliminar los márgenes izquierdo y derecho, el marcador se centrará horizontalmente. La propiedad de altura de línea también se puede ajustar para centrar el número verticalmente dentro del marcador.