GMAP3 – Plugin jQuery – Facilitez-vous l’intégration de Google Maps

Il y avait quelques temps déjà que je devais vous faire un nouvel article sur le plugin jQuery GMAP3, plugin qui facilite grandement l’intégration de Google Maps sur vos sites web et le tout via le Framework jQuery.

Je vous avais déjà présenté ce plugin jQuery sur d’autres articles du blog, comme sur GMap3 – Plugin jQuery pour API Google Maps 3ème version. Mais GMAP3 a évolué et s’est vu doter d’un nouveau site web depuis.

Certes, Google facilite déjà beaucoup l’intégration de son API sur les sites web, mais via GMAP3 c’est encore plus simple et surtout avec jQuery.

logo-gmap3

En plus de pouvoir utiliser toutes les méthodes natives à l’API fournie par Google, GMAP3 va vous permettre, entre autre, de :

  • Customiser vos maps
  • Créer vos menus contextuels
  • D’ajouter des recherches d’adresses avec auto-completion
  • Créer vos marqueurs sur les maps
  • Afficher le streetview de manière différente
  • etc…

Le tout aisément, sans compter les méthodes comme : overlays, clusters, callbacks, events etc… présentes dans de nombreux plugins jQuery.

L’utilisation de base de ce plugin jQuery :

Intégration des librairies qui vont être utilisées (jQuery, googlemaps et gmap3)

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false&amp;language=en">
<script type="text/javascript" src="js/gmap3.min.js"></script>

Le code jQuery pour l’affichage d’une map Google Maps :

$("#my_map").gmap3();

La balise div d’accueil de la map :

<div id="my_map"></div>

Puis un peu de CSS minimum pour donner une dimension à la balise div d’accueil :

#my_map{
 height: 350px;
 width: 600px;
}

Vous l’aurez compris, c’est simple, vous avez une page de démo via ce lien afin de voir une partie de ce que l’on peut faire avec ce plugin jQuery.

Site officiel du plugin jQuery GMAP3 : http://gmap3.net
Documentation GMAP3
Téléchargement GMAP3

Articles qui peuvent vous intéresser :

Comments
  1. Creatine
  2. vtcreative
  3. Harlem Shake
  4. LudiKadmin
  5. Troll face
  6. Comment faire
  7. Trampoline
  8. LudiKadmin
  9. Grand-trampoline

Leave a Reply

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


*