lite - svg map generator

Es esto posible: Zoomable SVG Image Map

Question

Me gustaría hacer un svg muy grande que sea tanto un mapa de imágenes CLICKABLE como ZOOMABLE. Si entiendo las especificaciones de html5, ambas parecen posibles, pero nadie menciona el uso de ambas cosas juntas. ¿Hay algún ejemplo por ahí?

No quiero usar jquery y un jpg / png porque me gustaría seguir con SVG. Cualquier pista en absoluto sería muy apreciada.

¡Gracias!

Answer 1

Las especificaciones de HTML5 no son relevantes; desea las especificaciones svg. Comience con el tutorial en

http://www.petercollingridge.co.uk/data-visualisation/introduction-svg-scripting-interactive-map

Para hacer zoom, busca el atributo de transformación. No he visto ningún código de ejemplo con un widget de zoom en él. Siempre puedes hacer zoom en el navegador, por supuesto.

Answer 2

Como dice user785194, no necesita usar HTML5, puede hacerlo nativamente en SVG; puede hacerlo todo con EMCAScript dentro del SVG. He escrito una descripción detallada de cómo hacerlo aquí: http://www.petercollingridge.co.uk/interactive-svg-components/pan-and-zoom-control