Folleto: Cambiar icono de marcador

Cambiar el ícono de marcador usado por el Folleto predeterminado es muy simple si usamos el objeto L.Icon .

Algunos de los parámetros que podemos personalizar son:

• iconUrl : sería la ruta de la nueva imagen o icono
• shadowUrl : sería la ruta de la imagen para la sombra del marcador
• iconSize : la tamaño del icono
• ] shadowSize : tamaño de la sombra
• iconAnchor : punto del icono que correspondería a la ubicación del marcador.
• shadowAnchor : punto del icono de sombra que correspondería a la ubicación del marcador de sombra
• popupAnchor : punto desde el cual se abrirá la ventana emergente en relación con el nuevo icono

A continuación se muestra una Ejemplo básico en el que modificaremos el icono del marcador de imagen por otra costumbre:

  var lat = & # 39; 42 .603 & # 39 ;;
var lng = & # 39; -5.577 & # 39 ;;
var zoom = 10;

var map = L.map (& # 39; map & # 39;). setView ([lat, lng] zoom);

L.tileLayer (& # 39; https: // {s} .tile.openstreetmap.org / {z} / {x} / {y} .png & # 39 ;, {
atribución: & # 39; ©  OpenStreetMap  contribuidores & # 39;
}). addTo (mapa);

var customIcon = new L.Icon ({
iconUrl: & # 39; https: //image.flaticon.com/icons/svg/854/854866.svg&#39 ;,
Tamaño del icono: [50, 50],
Ancho de icono: [25, 50]
});

L.marker ([lat, lng] {icon: customIcon}). AddTo (mapa);

Demo:

---

READ MORE – CLICK HERE

www.Down.co.ve

---