33 votes

Carte du monde HTML5 Canvas ou SVG

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

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

24voto

Simon Sarris Points 33799

SVG serait probablement plus facile à mettre en œuvre. Je me pencherais sur Raphael JS

Voici un exemple pertinent de ce que raphael JS peut faire et du peu de code qu'il faut pour le faire.

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

17voto

Ryan Rose Points 171

JVectorMap ( http://jvectormap.com/ ) est un plugin jQuery qui intègre un zoom et un bel exemple de carte du monde 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 une prise en charge des anciennes versions d'IE de 6 à 8 avec VML. Très facile à utiliser.

9voto

Chris Points 81

Simon a raison de dire que Raphael.js est un bon choix. Consultez leur exemple mondial à l'adresse suivante : http://dmitrybaranovskiy.github.io/raphael/

Si vous recherchez quelque chose construit sur Raphael, mais avec des zooms/localisations, une option commerciale est possible : http://simplemaps.com/world

7voto

Jonathan Gross Points 61

1voto

Alexander Gryanko Points 199

J'ai trouvé la solution. Google Maps permet de personnaliser les 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/

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X