Icône de marqueur personnalisé Google maps angulaire

Je ne peux pas créer un marqueur personnalisé. Même si je suis de passage d'un chemin de l'image à l'icône paramètre j'ai toujours le défaut repère orange.
S'il vous plaît dites-moi si vous voyez quelque chose de mal.

Directive du modèle:

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

Je suis en utilisant : //maps.googleapis.com/maps/api/js?v=3&capteur=true avec angular-google-maps/dist/angular-google-maps.js

source d'informationauteur JKoder

  1. 14

    Manqué cette icône est un objet.

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

    J'ai résolu en passant icône url, grâce à des options de propriété

    Mettre quelque chose de ce genre sur le contrôleur de

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

    et puis

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

  3. 0

    J'ai résolu l'icône personnalisée problème
    Vérifiez auprès de plunker Cliquez ici

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

    Html est ici

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