Un SVG détaillé comment est-ce géré ?

Bonjour,

Je m'interroge sur le format svg et plus précisément sur les performances avec un svg assez grand et assez détaillé.

Je souhaiterais avoir une map avec beaucoup de détails sur certaines zones de la carte à un niveau de zoom assez avancé, typiquement les villes, les rues. L'idéal serait d'afficher certains détails qu'à un certain niveau de zoom prédéfini ; à la Google Map en fait. Je me dis que cela n'est pas géré automatiquement mais peut être je me trompe ?

Mon fichier est à afficher dans une page html avec une gestion du zoom et des zones cliquables.

Faut-il tout mettre dans un seul fichier svg ? N'est-ce pas trop problématique au niveau pref ?
Découpage en zone ? Détail géré dans un ou des fichiers différents ? Mais comment géré l'affichage ?

Par avance merci beaucoup pour votre aide, votre partage d'expérience ou tout piste de réflexion.

Bonjour,

Personnellement je m’interroge surtout sur le choix du SVG dans ce cas de figure.

En effet, ce que tu semble vouloir faire est reproduire la caractéristique de la balise MAP par un SVG.

Donc la question que je te pose est pourquoi choisir obstinément le Svg pour ton cas ?

Pourquoi ne pas utiliser la balise MAP en relation avec une image ? A la rigueur utiliser un CANVAS dont le codage ressemble étrangement à celui du Svg. Ou mieux encore, l'utilisation de l'API Google Maps qui te permet de personnaliser la carte sans avoir à gérer le zoom a mano.

Ce n'est pas une obsession pour moi.
Le SVG répond à quelques exigences mais peut être d'autres formats ou manières de faire pourraient répondre mieux. Je ne suis pas spécialiste.

- La carte est une carte fictive. Le territoire n'existe pas réellement. Il sera réalisé de toute pièce pour le besoin de la simulation à partir de quelques détails grossiers de géographie. Les fractales me permettront de "casser" les bordures en auto.
=> donc pas l'API de Google ou un système de Tiles qui m'obligerait à multiplier les images sources (faites à la main).

- Ne pas avoir de perte de qualité en zoomant au contraire avoir plus de détails. Pouvoir compléter / modifier l'image "simplement" par programmation (Javascript et Php)
=> donc pas de gif, png, jpg...

- Pouvoir identifier les zones survolées, cliquées... Cela pourrait être fait à partir de la balise MAP , mais ces zones d'interactions évoluent : des zones se rajoutent s'enlèvent. Je souhaite éviter de devoir gérer cela en plus mais utiliser l'image elle-même. Chaque chose affichée correspond à un objet en base de données avec des possibilités d'actions différentes.

CANVAS je connais mal. Répond t-il aux besoins ci-dessus ?

Je te retourne la question, qu'as-tu contre le SVG et en quoi serait-il moins adapté ici ?

Par avance merci pour ton retour.

http://www.directionsmag.com/entry/html5-canvas-an-open-standard-for-high-performing-gis-map-visualizatio/243519