Interaktive Karte

[WulfmanGER]

Hi

ich brauch mal Hilfe

Für ein Webseitenprojekt benötige ich eine Karte (von Köln). Diese Karte muß entsprechend unterteilt werden und jeder Stadtteil anklickbar sein.

In der Wikipedia direkt schon einen Kandidaten gefunden:
http://commons.wikimedia.org/wiki/File:Cologne_subdivisions.svg

Jetzt möchte ich die einzelnen Stadtteil klickbar machen - und zwar Stadtteilgrenz-Genau. Hab sowas öfters schon gesehen - z.b. hier: http://www.koelner-stadtteile.de/index.php oder http://www.express.de/koeln/koelner...r-zahlen-mieter-am-meisten,2856,26214788.html ... nur wie mache ich sowas EINFACH selber.

Mit jedem zweitklassigen Grafikprogramm hat möglichkeiten Objekte Freizustellen. Das müsste ja bei der Wikipedia-Karte sehr gut gehen. Aber gibt es hier vielleicht ein Tool für html&co wo ich auch freistellen kann und dazu dann entsprechenden code generiert bekomme?

Für die klassichen Image-Maps hab ich da sogar eine Webseite gefunden - aber die macht nichts automatisch. Da muß ich per Hand entweder "zeichnen" oder rechtecke ziehen. Sehr unkomfortable. Gibt es sicher auch in besser

Natürlich hab die erste Karte mal etwas analysiert: das wird mit einer "Hauptkarte" realisiert - darauf (oder drunter) liegt für jeden Stadtteil eine eigene Karte - bei mouse-hover wird das entsprechend angezeigt und klickbar gemacht. Aber klauen ist ja nicht

VG
Wulfman

 

[_killy_]

Ich kenne hierfür nur http://leafletjs.com/ um die Karten im SVG Format zu bearbeiten.

 

[WulfmanGER]

da muß man aber auch händisch alles machen. Das wären in meinem fall weiterhin 86x grenzen ziehen. Mit Polygonen am besten - k.a. wieviele polygone ich dann händisch ziehen darf bis alles fertig (es soll ja wie gesagt Grenzgenau sein)

Finde ja einige ImageMap-Generatoren - aber alle nur in der klassichen Version. Wie ich damit ordentlich was ausgeschneidet bekomme - k.a.

Edit: Man sollte sich den Quelltext mancher Seiten vielleicht mal genauer anschauen. Da wird auch mit den klassischen Image-Maps gearbeitet. Aber wie kommt man am einfachsten an die coords für shape="poly"?