web-dev-qa-db-fra.com

Carte du monde HTML5 Canvas ou SVG

Je recherche une implémentation open source de la carte du monde pour HTML5 Canvas ou toute bibliothèque JS. J'ai besoin d'une carte du monde vectorielle simple avec paysage et zoom. Ce serait bien si cela fonctionne sur iOS/Android/BB OS.

http://cartagen.org/ trop redondant pour moi.

33

SVG serait probablement plus facile à implémenter. Je regarderais Raphael JS

Voici un exemple pertinent de ce que Raphael JS peut faire et du peu de code qu'il prend

Les définitions de carte du monde SVG peuvent être trouvées à de nombreux endroits, y compris Wikipedia, elles ne devraient pas être trop difficiles à rechercher.

24
Simon Sarris

jVectorMap ( http://jvectormap.com/ ) est un plugin jQuery qui a un zoom intégré et un exemple de carte du monde Nice avec une API d'événements extensible et des options de personnalisation. Il utilise SVG dans tous les navigateurs modernes comme Firefox 3 ou 4, Safari, Chrome, Opera, IE9, tout en offrant un support hérité pour les anciennes versions de IE de 6 à 8 avec VML. Vraiment facile à utiliser .

17
Ryan Rose

Simon a raison de dire que Raphael.js est un bon pari. Découvrez leur exemple mondial sur: http://dmitrybaranovskiy.github.io/raphael/

Si vous cherchez quelque chose construit sur Raphael, mais avec un zoom/emplacements, une option commerciale est: http://simplemaps.com/world

8
Chris
7
Jonathan Gross

J'ai trouvé une solution. Google Maps prend en charge la personnalisation des couleurs de l'eau et du paysage:

http://code.google.com/apis/maps/documentation/javascript/maptypes.html#StyledMaps

Sorcier:

https://google-developers.appspot.com/maps/documentation/embed/wizard/

1