BingMap, un plugin jQuery pour afficher des cartes bing Map sur votre site

Un plugin jQuery pour une alternative à Google Map, qui fonctionne sans payer en HTTPS  ?  Voilà BingMap.
Depuis presque un an que j’ai fini de coder la version 1, je le rends enfin public. Sur Github et sous licence BSD, avec un site qui va avec, elle n’est pas belle la vie ? Je me suis basé sur la dernière version de l’API, la 7 histoire de fournir une solution qui roxe du poney.

Concrètement, qu’est-ce que vous pouvez faire avec ce plugin :

  • Afficher une map (la base quoi)
  • Afficher 1/plusieurs markers (pin dans le jargon Microsoft) et attacher des évènements à chaque Pin.
  • Attacher des évènements à la carte
  • Utiliser l’API REST de Bing (la grande classe hein ;) )
  • Changer le type de carte, le zoom, la rendre zoomable ou pas, draggable ou pas…
  • etc.

Le plugin est jeune, mais est assez complet je pense pour répondre à beaucoup de besoin. De plus Bing possède de nombreux avantages comparé à Gmap :

  • Cartes beaucoup plus fluides et réactives
  • Les cartes sont belles (ok c’est subjectif)
  • On peut l’utiliser à travers HTTPS sans payer !

Un exemple de code :

Ici on affiche une carte, un pin avec une infobulle qui s’affiche au survol.

Après le seul “problème” s’il en est un, il faut une clé d’API, rassurez-vous ce n’est pas sorcier on en a pour 2min à peine. J’en parlais ici sur Creatiq, il y a quelques mois.

Alors, bien sûr, initialement il a été développé pour répondre à notre besoin chez Procheo (là où je bosse), il peut donc manquer certaines choses. Dans cette version 2 j’ai ajouté des fonctionnalités, mais je passe peut être sur des détails. N’hésitez donc pas à me donner des retours.

Merci pour son aide et ses conseils à Mathieu Robin.

Le site du plugin BingMap : http://colibri-libre.org/cyaneus/bingmap/
La page GitHub de BingMap : https://github.com/dhoko/bingmap

56 thoughts on “BingMap, un plugin jQuery pour afficher des cartes bing Map sur votre site

  1. Pingback: Sunday Coffee #38 : Flipboard Android, Facebook App Center et jailbreak iOS 5.1

  2. Mon petit doigt me dit que ce type de cartes vont se retrouver de plus en plus souvent sur de très gros sites… La faute à google qui a décidé de rendre obligatoire l’achat d’une licence pour l’exploitation de ses maps au delà d’un certain nombre de download par jour :)

  3. De mon côté, j’avoue être toujours content quand je trouve un service aussi performant qu’un service google qui ne soit pas de google…
    j’en reviens à rêver d’un Bing surpuissant, avec plein de services de ce genre, alors que sur le papier, je ne porte pas forcément microsoft très haut dans mon cœur:)

  4. @blog geek, tu te bases sur quels critères pour te dire ça ? ^^ Effectivement, pour le côté fluidité, je suis plutôt d’accord ! :)

    Merci pour le partage en tout cas et bravo pour le travail effectué !

  5. Je viens de découvrir jQuery et justement je cherchais la solution que tu décris dans cet article c’est vraiment formidable de simplicité cette petite librairie javascript ^^ par contre j’ai eu du mal a obtenir une key API!

  6. Le plugin est sympa et c’est toujours bien de l’afficher sur son blog/site. La map fait souvent réagir les internautes qui atterrissent sur votre site. J’ai trouvé un coté un peu intéractif, ce qui m’a convaincu de le laisser en place.

  7. Bravo pour avoir conçu un outil pareil ! Il est très prometteur et a toutes les chances de concurrencer Google Map, surtout avec son bonus de gratuité :-)

  8. Un peu de concurrence à google, ça fait toujours du bien. Merci pour l’info en tout cas, il y a de fortes chances que je m’en serve dans les jours à venir.

  9. Bravo pour le concept ! très facile à utiliser ce plug’in et ludique en plus… les événements et détails sur la carte sont faciles à lire grâce au zoom. La réactivité est surprenante. Ce nouveau concept interactif crée un lien avec les internautes qui les incite à aller voir plus loin sur le site. Donc, j’espère qu’il restera gratuit et qu’aucune condition ne sera rattachée à son téléchargement, excepté l’utilisation de la clé d’API bien-sûr.

  10. Ça a l’air intéressant sur le papier mais je n’ai encore jamais rencontré de Bing Maps qui m’ait convaincu par ses fonctionnalités mais c’est vrai qu’elle est belle.
    Je crois que je vais aller faire un tour dans la doc et tester par moi-même du coup.
    Merci.

  11. Sympa la map sur son site, mais je dirai que ce n’est pas utile pour tous. Pour un site Ecommerce, pourquoi pas, mais après avoir testé sur un de mes blogs, j’ai tout retiré, parce que je ne voyais pas cela necessaire pour mes utilisateurs. En tout cas, ca reste majoritairement pratique on va dire !

Laisser un commentaire

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

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

Comments links could be nofollow free.