Il y a très longtemps que GMAP3 règne clairement en maître incontesté de l’affichage de cartes via plugin jQuery. Loin de vouloir lui contester cette place, Aurélien Garroux et moi-même avons, par des initiatives totalement indépendantes et isolées, voulu compléter cette offre. GMAP3 couvre Google Maps, mais certains ne souhaitent pas passer par Google. Je vous propose donc de jeter un oeil aux 3 solutions de plugins jQuery qui vous simplifieront l’utilisation de l’API de votre fournisseur de cartes préféré.
GMAP3
Priorité à l’ancien, le plus éprouvé et surtout au premier sur le terrain. GMAP3 est édité par Jean-Baptiste Demonte et aidé par plus d’un désormais, dont gtraxx fidèle lecteur de ce blog. La version 5 est disponible depuis peu.
Je crois qu’il n’y a plus besoin de présenter ce plugin, vous trouverez à peu près tout ce que pourriez vouloir faire avec Google Maps. Si vous voulez absolument utilisez ce dernier, je ne peux que vous le conseiller.
La documentation est complète, les exemples ne manquent pas et pas mal de monde s’en sert, suffisamment en tout cas pour trouver facilement d’autres exemples d’utilisation « en prod ».
Ceci dit, attention, l’API d’utilisation de Google Maps est payante si vous avez des services payants sur votre site et la licence est assez chère. Pour en savoir plus, vous pouvez consulter la page dédiée aux entreprises et il existe une limitation d’usage pour les comptes gratuits.
BingMap plugin for jQuery
Alors j’avoue, ce n’est pas uniquement parce qu’il est sympa que je parle de son plugin. Aurélien est venu demander conseils et relecture, et pas qu’auprès de moi. Je trouve sa démarche respectable et très professionnelle. Surtout que la qualité est au rendez-vous.
L’avantage de Bing Maps sur GMAP3 ? Microsoft et non Google. Bête à dire mais nombreux sont ceux qui n’utilisent que les services de Microsoft ou qui ne souhaitent pas tout faire passer par Google.
Autre avantage ? Vous êtes gourmands mais je peux encore : l’API de Bing Maps n’est pas encore limitée. Officiellement, il n’existe pas de limitation à son usage que vous soyez un particulier, une entreprise, que vous proposiez du tout gratis ou quelque chose de payant. Cependant, la récente mise sous tarification de l’usage de l’API de recherche peut laisser croire que cela risque d’arriver.
BingMap plugin for jQuery exploite assez simplement l’API de Bing Maps, propose les éléments clés de celle-ci et est aussi très bien construite. Suite à nos discussions sur le sujet, Aurélien a su construire un plugin respectant les conventions proposées par l’équipe de jQuery. Je vous invite à jeter un oeil au moins, à l’utiliser si vous vouliez vous simplifier Bing Maps.
osmLeafLet.jQuery
Évidement, je ne pouvais pas louper mon propre plugin. Vous pouvez retrouver toutes les infos sur le site dédié.
Je vous en avais déjà parlé et je ne ferai donc que compléter par quelques infos oubliées. Tout d’abord Open Street Map ne changera jamais de statut, c’est à dire qu’il sera toujours gratuit pour tous types de service. J’utilise l’API de Leaflet qui à priori ne changera jamais de licence non plus.
J’ai respecté les mêmes conventions de développement qu’Aurélien, dans l’idée de garantir une API la plus simple possible en conservant la philosophie de chaînage de jQuery. Pour le moment, celui-ci est encore un peu limité. Vous ne pouvez qu’afficher une carte à dimensions choisies, mettre des marqueurs, une popup, gérer quelques évènements de base d’action sur la carte mais je ne souhaite presque pas l’étendre plus.
Pourquoi ? Parce que tout surplus est inutile à la grande majorité des utilisations. Par contre je développerai quelques plugins complémentaires pour les besoins spécifiques. Tout le monde n’a pas besoin de pouvoir tracer des formes géométriques, je le proposerai mais séparément. Ne me reste donc qu’à proposer la géolocalisation de vos visiteurs sur la carte affichée et vous disposerez d’un plugin définitif en version stable.
Conclusion
J’ai essayé de rester plus ou moins impartial ou en tout cas « équitable ». Si je ne me trompe pas, à peut-être une ligne près, chaque plugin a disposé d’autant de place que les 2 autres, les questions des coûts, licences, sites d’exemples et fonctionnalités ont toutes été abordées. Chaque plugin a au moins un avantage et un défaut explicitement cité. J’ai même essayé de respecter cette équité dans les tags de cet article.
A vous de faire vos choix donc. Bonne carte à tous ! Et vive la libre concurrence
Olà! Comment ça va ? Bon, je vous la fais courte cette semaine, parce qu’il n’y a presque rien eu d’intéressant sur la toile.
Heureusement Jonathan Cutrell sauve les meubles en expliquant les 14 raisons pour lesquelles personne n’utilise votre plugin jQuery. Je précise que son article est très bien écrit et que je suis plutôt d’accord en tout point avec lui. Conseils à suivre donc
2 choses côté officiel :
C’est tout pour cette semaine. A plus tard !
Nouvelle fonctionnalité en vue pour l’extension extra-populaire !
10/05/2012 – version 1.4.0
- Ajout d’un module de réponses pré-enregitrées [...]
Cette fonctionnalité vous permet de créer des réponses depuis l’extension et les charger dans la zone de texte du Site du Zéro automatiquement. On y accède par la page Options et le bouton « Gérer les réponses pré-enregistrées ». Vous verrez une zForm et un tableau qui récapitule vos réponses.

Ensuite lorsque l’on souhaite ajouter une réponse sur un sujet du forum (ou bien même en réponse rapide), un tableau apparaît vous permettant d’ajouter vos réponses dans la zone de texte !

jQuery.Storage est un plugin jQuery qui permet d’utiliser simplement les fonctions d’enregistrement de données (localStorage et sessionStorage) disponibles dans HTML5. Son intérêt réside dans simplification de la sérialisation des données et dans la possibilité de basculer vers les cookies pour les navigateurs qui ne prennent pas en charge les nouvelles fonctionnalités Storage. jQuery.Storage est disponible sur Github.
Salut à tous! Certains ne profitent pas du pont ? Bienvenue au club! Allez, on commence bien la semaine avec la publication de la version 1.8.20 de jQuery UI annoncée par Scott Gonzalez.
Cette version de maintenance apporte des correctifs pour le Datepicker, Draggable et Sortable. Le processus de build a également profité de quelques modifications. Voici les liens du changelog complet ainsi que celui du guide de migration.
Pour ceux qui suivent l’actualité de Microsoft, vous avez peut-être entendu parler de la création le mois dernier de la filiale « Microsoft Open Technologies ». Et bien leur première publication dans le monde de l’open source est pour jQuery Mobile ! Ils ont mis à disposition un thème qui reprend leur interface Metro. En soit, c’est pas grand chose, mais ça montre bien encore une fois que Microsoft a définitivement cette volonté de changer d’image et agit pour.
Un site réalisé avec jQuery Mobile a été assez plébiscité. De ce que j’ai compris, c’est un site de pari sur le foot. Je vous laisse jouer avec les boutons sans trop comprendre ce que vous faites. Le site étant en hébreux, cette langue n’étant pas vraiment une de mes spécialités, j’ai pas tout compris. L’idée étant plutôt de voir la façon dont sont intégrés l’essentiel des systèmes de jQuery Mobile.
Originalité de la semaine, Lory Bineau a publié un article sur comment utiliser des plugins jQuery avec Haxe. Voici un lien pour ceux qui ne connaissent pas Haxe.
Pour parler plugins, ce coup-ci, nous parlerons de jQuery que l’ami Bruno Bichet qui nous a remonté jQuery List, une liste de plus de 600 plugins catégorisés.
Je terminerai sur une présentation de jQuery Mobile effectuée au cours de la Kiwi Party 2012. Nicolas Hoffmann a essayé de présenter ça de façon assez complète en un nombre de slides plutôt limité et il s’en sort plutôt bien.
jQuery.carouFredSel est un plugin jQuery qui transforme n’importe quel élément HTML en carousel «responsive». Le déplacement peut concerner un ou plusieurs éléments simultanément, dans le sens horizontal ou vertical, de manière infinie et circulaire, automatiquement ou suite à une action de l’utilisateur (clic ou clavier). Si toutes les options sont optionnelles, le site propose Configuration Robot : il suffit de répondre à quelques questions pour configurer le plugin à la mode de chez vous.