Icona marcatore personalizzato di Google Maps angolari

Non riesco a creare un indicatore personalizzato. Anche se sto passando un percorso dell'immagine al parametro icon sto ancora ottenendo il marker arancione predefinito. Per favore dimmi se vedi qualcosa di sbagliato.Icona marcatore personalizzato di Google Maps angolari

modello di direttiva:

<div id="searchMap" class="googleMaps-destinations"> 
<div class="google-maps"> 
    <ui-gmap-google-map center="map.center" zoom="map.zoom" options="map.options"> 
     <ui-gmap-marker 
      ng-repeat="marker in search.origin_airports" 
      coords="marker.originMarker.location" 
      icon="marker.originMarker.icon.url" 
      fit="false" 
      idkey="'<<marker.originMarker.id>>'" > 
     </ui-gmap-marker> 
    </ui-gmap-google-map> 
</div>

sto usando: //maps.googleapis.com/maps/api/js?v=3 & sensore = true con angolare Google- maps/dist/angular-google-maps.js

fonte

2015-04-01 JKoder

Ho appena notato che non posso usare le animazioni pure. – JKoder

Manca che l'icona sia un oggetto.

icon= '{url: "//developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png" }'

fonte

2015-04-01 19:17:38 JKoder

che ha funzionato. Ma non penso che ciò che il doc dice http://angular-ui.github.io/angular-google-maps/#!/api – Toolkit

ho risolto passando icona url attraverso la proprietà opzioni

Set qualcosa di simile sul controller

marker.options: { 
    icon:'//developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png"' 
}

e poi

<div id="searchMap" class="googleMaps-destinations"> 
    <div class="google-maps"> 
    <ui-gmap-google-map center="map.center" zoom="map.zoom" options="map.options"> 
    <ui-gmap-marker 
     options="marker.options" 
     ng-repeat="marker in search.origin_airports" 
     coords="marker.originMarker.location"  
     fit="false" 
     idkey="'<<marker.originMarker.id>>'"> 
    </ui-gmap-marker> 
</ui-gmap-google-map>

fonte

2015-04-02 14:41:05

Sembra questo problema, di dover impostare l'icona tramite l'hash delle opzioni, è stato segnalato: https://github.com/angular-ui/angular-google-maps/issues/1408 – ecbrodie

Ho s olved l'icona personalizzata problema Verificare con plunkerClick here

options: { draggable: false,  icon:'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png' }

HTML è qui

<ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true" options="options"> 
     <ui-gmap-marker coords="marker.coords" options="marker.options" events="marker.events" idkey="marker.id"> 
     </ui-gmap-marker> 
    </ui-gmap-google-map>

fonte

2016-05-11 09:01:00

Icona marcatore personalizzato di Google Maps angolari

risposta

Problemi correlati