GMAP3 – Plugin jQuery – Faciliter l’utilisation de l’API Google Map via jQuery
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 :
Trackbacks/Pingbacks