PUBLIC MARKS from eledo34 with tags jQuery & google

jQuery address picker est un plugin jQuery UI permettant de créer facilement un widget de sélection d'adresse postale, directement lié à l'API Google Maps.

FullCalendar est un plugin jQuery assez évolué et je dois dire : « bluffant ». En effet, vous avez été convaincu par l’accessibilité et le style d’agenda que propose Google ? Et bien, via ce plugin une grande partie du travail vous est offerte pour être intégrée à vos propres sites internet.

Aujourd’hui je vais vous parler d’un autre plugin jQuery : GMAP3. Un plugin qui va vous permettre d’utiliser l’API Google Map v3 Integration via le framework javascript jQuery. Ce qui facilite l’utilisation de l’API de Google pour les habitués de jQuery. J’ai découvert ce plugin grâce à jb, un lecteur du blog (cf. ici) et je l’en remercie.

L’originalité de ce plugin vient du fait que pour produire un graphes, gvChart a besoin tout d’abord d’un tableau HTML (en renseignant certains tags comme table, thead, tbody, etc.). Ensuite, il s’appuie sur les API de Google pour générer les graphes. jQuery est également de la partie pour rendre ces graphes interactifs. Côté implémentation, rien d’insurmontable… Dans le header, installez les fichiers suivants : * http://www.google.com/jsapi* * jquery.min.js * jquery.gvChart-1.0.min.js Ensuite, insérez votre tableau, configurez un petit fichier gvChart pour lui indiquer les éléments à prendre en compte, les titres à afficher etc… gvGraph affiche les graphes suivants : * Ligne * Aire * Barre * Colonne * Camembert

Le plugin JgChart est une simple surcouche à l’API Google Chart. Cela permet de faire des graphiques encore plus facilement et de le configurer plus simplement.

Qui ne connais pas Google Maps ? On cherche un lieu, un restaurant, un itinéraire, on tombe forcément à un moment donné sur une carte issue de l’API Google Maps. Vous l’utilisez peut être déjà sur certains de vos sites. Il existe cependant des plugins jQuery facilitant cette gestion, comme par exemple gMap. Cela va vous permettre d’automatiser plus facilement l’API et d’utiliser votre framework javascript préféré par la même occasion. gmap