10
votes

Icône de marqueur sur mesure Google Maps angulaire

Je ne peux pas créer de marqueur personnalisé. Même si je passe une voie d'image vers le paramètre icon, je reçois toujours le marqueur orange par défaut. S'il vous plaît dites-moi si vous voyez quelque chose de mal.

Modèle de la directive: xxx

J'utilise: // mapS.googleapis.com/maps/api/js?v=3&sensor=true avec angulaire-Google-Maps / dist / angulaire-google-maps.js


1 commentaires

Je viens de remarquer que je ne peux pas utiliser aussi des animations.


3 Réponses :


14
votes

manquée cette icône est un objet.

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


1 commentaires

ça a marché. Mais je ne pense pas que ce que le Doc affirme ui angulaire. github.io/angular-google-maps/#!/api



14
votes

J'ai résolu l'URL d'icône qui passe à travers la propriété Options

Définissez quelque chose comme ceci sur le contrôleur xxx

puis xxx < p>


1 commentaires

On dirait que cette question, d'avoir à définir l'icône via les options hachage, a été rapportée: github.com/angular-ui/angular-google-maps/issues/1408



0
votes

J'ai résolu le problème d'icône personnalisé Vérifiez avec plumker strong> Cliquez 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>


0 commentaires