Estilo de los iconos de marcador

Siempre puedes utilizar CSS para personalizar el aspecto de los elementos de la interfaz de usuario.

Ejemplos

Personalizar el tamaño del icono del marcador:

CSS
.open-user-map .leaflet-marker-icon:no(.marcador-cluster) {
  --icon_height: 41px; /* personalizar */
  --icon_ancho: 26px; /* personalizar */

  anchura: var(--ancho_icono) Importante;
  altura: var(--altura_del_icono) Importante;
  margin-top: calc(-1 * var(--icon_height)) Importante;
  margin-left: calc(var(--ancho_icono) / -2) Importante;
}

Dependiendo del tamaño de su icono, asegúrese de cambiar la línea 2 y la línea 3.

Consejo secreto:

Incluso puedes utilizar GIF animados como iconos marcadores 🥳.

¿Le ha resultado útil este artículo?

Artículos relacionados

¿Necesita ayuda?

¿No encuentra la respuesta que busca?
Contacto

ES