2013-08-09 1 views
3

Je travaille sur un projet basé sur AngularJS où j'ai besoin de localiser tous les aéroports dans le monde et de les lier avec des lignes.Utiliser toutes les fonctionnalités API google maps dans AngularJS

Pour ce faire, je recherchais des projets existants qui fixent les directives angulaires pour intégrer l'API Google Maps dans mon projet: A savoir Angular-ui-map (https://github.com/angular-ui/ui-map), Angular-google-maps (https://github.com/nlaplante/angular-google-maps) et AngularGM (https://github.com/dylanfprice/angular-gm)

Mais le problème est qu'aucun de ces projets ne parle de Google Maps Polylines!

Quelqu'un a déjà été en mesure d'utiliser l'ensemble complet des fonctionnalités de Google Maps? Ou devrais-je créer mes propres directives pour y parvenir?

Merci beaucoup.

+0

Cela pourrait être plus facile à mettre en œuvre avec d3 et AngularJS. Consultez cet exemple pour les aéroports américains. http://mbostock.github.io/d3/talk/20111116/airports.html – nickromano

+0

Merci pour votre réponse. L'exemple est intéressant mais je cherche la même chose sur une carte (pas forcément une google maps). Je conclus aussi de ce que vous avez dit que les polylignes de l'API Google Maps ne sont pas supportées (encore?) Dans AngularJS ... – Anas

+0

Êtes-vous capable d'implémenter quelque chose comme [this] (http://jsfiddle.net/Shreerang/E45Su/ light /) dans un contrôleur ou une directive AngularJS? – alex

Répondre

0

Je l'ai utilisé un autre projet appelé angularjs-google-maps qui prétend

Google Maps tous Expose originale V3 api à l'utilisateur.

En effet, il fournit une directive pour polylignes (exemple de la documentation, travaille pour moi):

<map zoom="11" center="[40.74, -74.18]"> 
    <shape id="polyline" name="polyline" geodesic="true" 
      stroke-color="#FF0000" stroke-opacity="1.0" stroke-weight="2" 
      path="[[40.74,-74.18],[40.64,-74.10],[40.54,-74.05],[40.44,-74]]" ></shape> 
</map>