Google maps pour AngularJS

Je suis très nouveau à AngularJS et j'essaie d'utiliser https://github.com/angular-ui/angular-google-maps.

j'essaie juste d'obtenir le rendu de la carte sur ma page mais je reçois un message d'erreur et je ne sais pas ce que cela signifie. Toute aide pour comprendre ce message d'erreur serait appréciée.

j'ai créé un débarquez ici:

github.com/twdean/plunk

Voici L'erreur dans le navigateur:

Error: [$compile:multidir] Multiple directives [googleMap, markers] asking for new/isolated scope on: <google-map center="center" draggable="true" zoom="zoom" markers="markers" mark-click="true" style="height: 400px"> 

http://errors.angularjs.org/1.2.3/$compile/multidir?p0=googleMap&p1=markers&p2=new%2Fisolated%20scope&p3=%3Cgoogle-map%20center%3D%22center%22%20draggable%3D%22true%22%20zoom%3D%2
29
demandé sur Yiannis Tsimalis 2013-12-03 20:05:37

5 réponses

je suggère une autre alternative, ng-carte.

j'ai créé un Google maps directive angularjs appelé, ng-carte, pour mon propre projet. Cela ne nécessite pas de codage Javascript pour une fonctionnalité simple.

Pour Commencer

. Télécharger et inclure ng-map.js ou ng-map.min.js 

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="dist/ng-map.min.js"></script>`