GMAP3 – Plugin jQuery – Faciliter l’utilisation de l’API Google Map via jQuery

gmap3-new-version

Voilà plusieurs jours que je devais tester, ou plutôt re-tester, le plugin jQuery GMAP3. Un plugin qui permet de simplifier l’utilisation de l’API Google Map, mais en plus de l’intégrer via votre Framework javascript favori « jQuery » 🙂

Dans un premier temps, on peut souligner la clarté du nouveau site réalisé pour le plugin : http://gmap3.net.

Je vous avais déjà parlé de ce plugin, mais la nouvelle version apporte quelques nouveautés, de plus c’est toujours intéressant de voir l’évolution de certains outils libres et gratuits proposés aux développeurs.

Je ne rentrerais pas dans tous les détails, car la documentation du plugin GMAP3 est assez complète et claire, mais on peut visualiser un exemple d’utilisation :

[pastacode lang= »javascript » manual= »%24(‘%23test’).gmap3(%0A%7B%20action%3A’init’%2C%0Aoptions%3A%7B%0Acenter%3A%5B46.578498%2C2.457275%5D%2C%0Azoom%3A%205%0A%7D%0A%7D%2C%0A%7B%20action%3A%20’addMarker’%2C%0AlatLng%3A%5B48.8620722%2C%202.352047%5D%0A%7D%2C%0A%7B%20action%3A%20’addMarker’%2C%0AlatLng%3A%5B48.8620722%2C%202.352047%5D%0A%7D%0A)%3B » message= » » highlight= » » provider= »manual »/]

Dans cet exemple on initialise une google map et à la suite on y insère 2 marqueurs. Les actions sont exécutées dans l’ordre d’apparition. Donc l’élément HTML avec l’id « test », se verra étoffé d’une google map marquée 2 fois.

En fait, il suffit de déclarer l’action souhaitée, et de lui attribuer les options adéquats. Toujours pour en revenir à cet exemple, l’action : »init » initialise la google map et les actions « addmarker » place des marqueurs. Je vous laisserais analyser la documentation pour prendre connaissance de toutes les actions possibles et disponibles.

On peut noter également l’ajout de la possibilité de faire transiter des données dans les events, ca permet de différentier les marqueurs etc… exemple, il est possible d’en faire autant dans tous les éléments (cercles, etc…). De plus une fonction de clustering a été rajoutée par rapport à la version précédente.

Le site : http://gmap3.net
La documentation : http://gmap3.net/documentation.html
Les démonstrations : http://gmap3.net/examples.html

Articles qui peuvent vous intéresser :

Author: Franck Pertegas

Share This Post On

Trackbacks/Pingbacks

  1. Skitter – Plugin jQuery – Slideshow for anytime! | LudiBlog - [...] GMAP3 – Plugin jQuery – Faciliter l’utilisation de l’API Google Map via jQue... [...]
  2. Web Event #3 de Lyon – Retour | LudiBlog - [...] GMAP3 – Plugin jQuery – Faciliter l’utilisation de l’API Google Map via jQue... [...]
  3. Passage de jQuery 1.5.x vers jQuery 1.6 | LudiBlog - [...] GMAP3 – Plugin jQuery – Faciliter l’utilisation de l’API Google Map via jQue... [...]
  4. GMap3 – Plugin jQuery pour API Google Maps 3ème version | LudiBlog - [...] Version 3. C’est un plugin que j’ai déjà présenté 2 fois sur ce blog, ici et là. A l’heure…

Submit a Comment

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *