Géo carte de données pour agir avec

Question

je suis la recherche des fournisseurs ou des cadres ou quelque chose qui peut fournir une carte comme ici: http://www.skiresort.de/skigebiete/europa/oesterreich/

Je peux voir que sur cette page il y a des images différentes, de sorte que lorsque vous passez la souris sur un pays, l'image entière change. De plus, ils utilisent la "carte" htmltag pour spécifier les régions de survol.

Je me demande si elles dessinent les polygones à la main ou s'il y a un outil, comme je l'ai dit, un certain cadre ou quelque chose.

je suis la recherche de données que pour l'Autriche. Je cherchais quelque chose comme ça

Je cherchais des articles ici sur SO, comme ArcGIS, je pense que c'est compliqué pour ce dont j'ai besoin, j'ai juste besoin de la même chose que l'exemple ci-dessus, Donc exactement ce dont j'ai besoin est une carte de l'Autriche, et leurs pays et une sorte de carte.

Answer 1

Il semble que la question principale est l'endroit où vous pouvez obtenir des données de frontière libre pour l'Autriche. Deux bonnes sources de données cartographiques domaine public:

• http://www.naturalearthdata.com (grand ensemble de données, mais surtout des fichiers SHP - pas si utile si vous ne disposez pas d'une application SIG)
• http://commons.wikimedia.org/wiki/Atlas_of_the_world (Wikimedia Commons Atlas du monde - beaucoup de cartes dans une variété de formats)

en fait, il semble que toutes les images dont vous avez besoin se trouve ici: http://commons.wikimedia.org/wiki/Atlas_of_Austria - les différents états sont déjà mis en évidence pour vous. Ce sont des fichiers SVG, vous pouvez donc les ouvrir dans Illustrator ou Inkscape et changer les couleurs si nécessaire.

Après cela, je suis d'accord avec Brian: Il n'y a probablement pas une application qui peut facilement créer la carte d'image pour vous, vous aurez donc besoin de le faire à la main. Fireworks ou ImageReady sont des outils standard pour cela, et devraient tous deux fournir une interface utilisateur pour effectuer le rollover comme vous le souhaitez. Vous pourriez vouloir mettre tous les points forts dans une image et utiliser une approche CSS Sprite - c'est un bon moyen de rendre la carte rapide et réactive.

Answer 2

L'élément <map> fait référence à un cliquable, pas une carte géographique. L'idée derrière un imagemap est que vous avez une image, et vous voulez que les différentes zones de l'image soient cliquables. Ainsi, vous utilisez les coordonnées pour définir les zones cliquables (chacune dans sa propre balise <area>), puis fournissez un URI pour les zones que vous avez définies.

Lorsque vous spécifiez votre image avec la balise <img>, vous définissez l'attribut usemap pour spécifier la définition de carte qui s'applique à l'image.

Il existe des outils en ligne, ainsi que, en mai conception web populaires et des programmes graphiques que vous pouvez utiliser pour créer des cartes d'image. Adobe Fireworks offre une interface relativement intuitive pour la création de cartes-images; Je ne suis pas sûr de tous les autres programmes, mais je suis sûr que vous pouvez trouver quelque chose qui fonctionne pour vous.