8 Juin 2015

Intégration d’une Google API via AngularJs

Dans le cadre d’un projet interne chez AXA France, nous avons été amenés à intégrer l’API Google Maps dans une application AngulatJS. Cette API permet d’avoir plusieurs services, notamment la géolocalisation, la recherche ville, la direction, etc.

Pour notre application, nous avions besoin du service DistanceMatrix qui permet de calculer la distance entre deux villes.   Cf. figure 1.1.

inte

Figure 1.1 Calcul distance entre les villes Lille-Paris-Marseillle!

Pour appeler l’API, nous avons développé un service Angular classique, qui permet de charger et appeler ainsi la méthode GetDistanceMatrix.

Bien entendu, le service n’est pas gratuit et pour pouvoir l’utiliser, vous devez demander à Google un Id Client à vous fournir. C’est ainsi, que vous pourrez appeler l’API.

Par ailleurs, dans notre contrôleur Angular, nous avons une fonction pour récupérer le retour de la méthode, en l’occurrence l’estimation des kilomètres.

 

Voici la requête générée lors de cet appel :

https://maps.googleapis.com/maps/api/js/DistanceMatrixService.GetDistanceMatrix?1m1&2s59000%2C%20LILLE&1m1&2s75001%2C%20PARIS&2m1&2s75001%2C%20PARIS&2m1&2s13001%2C%20MARSEILLE&3e0&4b0&5b0&6sfr-FR&7e0&client=*****&callback=_xdc_._qtgllq&token=114595

Et la réponse que nous recevons de l’API :

Vous pouvez bénéficier aussi d’un suivi des appels de l’API depuis votre application via le portail Google for Work Support.

 

Share