Estoy buscando la implementación de código abierto del mapa mundial para HTML5 Canvas o cualquier biblioteca JS. Necesito un mapa mundial de vectores simples con paisaje y zoom. Sería bueno si funciona en iOS/Android/BB OS.Canvas HTML5 o mapa mundial SVG
http://cartagen.org/ demasiado redundante para mí.
SVG probablemente sería más fácil de implementar. Me gustaría ver a Raphael JS
que aquí hay una relevant example de lo que Raphael JS puede hacer y lo poco que se necesita código
numerosos lugares definiciones mapa del mundo SVG se pueden encontrar, entre ellos Wikipedia, que no debe ser demasiado difícil de buscar
He encontrado la solución. Google Maps es compatible con la personalización de agua y paisaje colores:
http://code.google.com/apis/maps/documentation/javascript/maptypes.html#StyledMaps
Asistente:
https://google-developers.appspot.com/maps/documentation/embed/wizard/
jVectorMap (http://jvectormap.com/) es un plugin de jQuery que se ha incorporado en el zoom y un buen ejemplo de mapa mundial con una API de eventos extensibles y opciones de personalización. Utiliza SVG en todos los navegadores modernos como Firefox 3 o 4, Safari, Chrome, Opera, IE9, y ofrece soporte heredado para versiones anteriores de IE de 6 a 8 con VML. Realmente fácil de usar
Simon tiene razón en que Raphael.js es una buena apuesta. El registro de su ejemplo del mundo en: http://dmitrybaranovskiy.github.io/raphael/
Si están buscando algo construido sobre Rafael, pero con el zoom/ubicaciones, una opción comercial es: http://simplemaps.com/world
lienzo no es tan bueno como SVG para hacer zoom, porque el primero es una imagen de mapa de bits, y el último es una imagen vectorial. Las imágenes vectoriales funcionan mejor en este tipo de acciones. –
@Jesufer No es realmente cierto, a menos que el lienzo muestre una imagen de mapa de bits. Utiliza los comandos de dibujo basados en vectores para dibujar en el lienzo, por lo que escalar el contexto del lienzo antes de emitir esos comandos "enfocará" correctamente un dibujo sin pixelación. Consulte [esta respuesta] (http://stackoverflow.com/questions/5189968/zoom-to-cursor-calculations/5526721#5526721) para obtener una demostración de acercamiento y alejamiento de un dibujo de lienzo. (Zoom en la cruz entre mis ojos.) – Phrogz
Pero considero que cada vez que se amplía la imagen, la imagen tiene que volver a dibujarse con lienzo, por lo que es un requisito cargar mucha javascript, si la imagen es compleja para dibujar. –