Saltar al contenido

¿Cómo hacer una marca de flecha personalizada en agm-map?

Solución:

La respuesta aceptada no funcionará porque esas no son propiedades del agm-marker.

Dentro iconUrl propiedad puede utilizar cualquiera de estos tipos:

string

Icon: https://developers.google.com/maps/documentation/javascript/reference/3.exp/marker#Icon

Symbol: https://developers.google.com/maps/documentation/javascript/reference/3.exp/marker#Symbol

Por ejemplo, para usar un marcador de imagen personalizado (SVG en este caso) con el tamaño deseado, puede utilizar este objeto en el [iconUrl] propiedad:

{
    url: './assets/images/blue-marker.svg',
    scaledSize: {
        width: 40,
        height: 60
    }
}

Puede usar la api existente y configurar el iconUrl

<agm-marker
   [latitude]="location.latitude"
   [longitude]="location.longitude"
   [iconAnchorX]="10"
   [iconAnchorY]="10"
   [iconHeight]="20"
   [iconWidth]="20">
   [iconUrl]="location.icon">
 </agm-marker>
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *