Kątowa ikona niestandardowych znaczników Google map

Question

Nie mogę utworzyć niestandardowego znacznika. Mimo, że przekazuję ścieżkę obrazu do parametru ikony, nadal otrzymuję domyślny pomarańczowy znacznik. Proszę mi powiedzieć, jeśli widzisz coś nie tak.

Dyrektywa za szablon:

<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> 

Używam: //maps.googleapis.com/maps/api/js?v=3 & czujnik = true ze skośnych google- maps/dist/angular-google-maps.js

Answer 1

Utracona ta ikona jest obiektem.

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

Answer 2

Rozwiązałem przechodząc ikona url przez obiektu.W

zestaw coś takiego na kontrolerze

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

a następnie

<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> 

Answer 3

mam s olved niestandardowych ikon problemu Sprawdź z plunkerClick here

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

HTML jest tutaj

<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>