GMap3, un plugin JQuery pour utiliser facilement l’API Google Maps


L’API de Google Maps est riche et complète, mais assez difficile à utiliser car très verbeuse. Du coup, pour écrire la moindre fonctionnalité avancée, il faut écrire des dizaines de lignes de code.

 
GMap3 est un plugin pour jQuery qui permet d’implémenter des fonctionnalités avancées pour Google Maps, très facilement sur vos sites.

Ci-dessous, vous pouvez voir une implémentation d’une carte qui comporte tous les emplacements des Mac Donalds de la régions de Toulon, regroupés en cluster lorsqu’il y en a beaucoup. En zoomant, vous découvrez petit à petit le détail des emplacements.

Le plugin comporte des dizaines de fonctionnalités prêtes à l’emploi, du simple marqueur d’emplacement à Street View.

L’utilisation est très simple, comme pour n’importe quel plugin jQuery. En voici un exemple :

$('.gmap3').gmap3(
  {action: 'init',
    options:{
      center:[22.49156846196823, 89.75802349999992],
      zoom:2,
      mapTypeId: google.maps.MapTypeId.SATELLITE,
      mapTypeControl: true,
      mapTypeControlOptions: {
        style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
      },
      navigationControl: true,
      scrollwheel: true,
      streetViewControl: true
    }
  }
);

Le site du plugin fournit des tas d’exemples. Si vous souhaitez embarquer des cartes Google Maps sur vos sites, et que vous avez besoins de personnaliser les fonctionnalités, je vous conseille vivement l’utilisation de GMap3.

Téléchargez GMap3