Das Projekt ist beendet und die Projektseiten werden nicht mehr überwacht. Anfragen bitte direkt an TUBS oder Hagar66. Bei Inaktivität dieser Autoren wendet euch bitte an die Kartenwerkstatt.

Ziele:
Das Projekt

 

Erledigt – zu erledigen:
Statistik

 

zur (Diskussion) „Kartenstandards“:
Standard

 

Aktuelle Bearbeitungen:
Arbeitsseite

 

Verwandte Projekte:
Links

 

Imagemaps:
Hilfe

 

Diese Seite soll kurz erklären, wie man die Imagemaps-Funktionen in die Karten und die Infoboxen bringt. Ein Beispiel wie das aussehen kann, kann man z. B. hier anschauen (mit der Maus über die Karte fahren).

Vorwissen Bearbeiten

Bitte zunächst lesen, danach versteht man mehr:

Generell zum späteren Einbau und den möglichen Parametern hilft z.B. ein Blick in Vorlage:Imagemap Nordrhein-Westfalen.

Euch sollte also klar geworden sein, dass die Imagemaps über einen definierten Pixelbereich so eine Art Felder legt, die dann anklickbar sind und zwar unabhängig davon was darunter angezeigt wird. D.h. das darunter liegende Bild kann getauscht werden, denn die Imagemap Information wird nicht Teil des Bildes.

Finden der Koordinaten Bearbeiten

Wir machen das mal am folgenden Beispiel: wir wollen eine Imagemap für die Landkreise im sympathischen Niedersachsen anfertigen. Eigtl. natürlich vorhanden: Vorlage:Imagemap Niedersachsen

Die nächsten Schritte sind auf den ImageMap Editor bezogen. Theoretisch sind jedoch viele Bildbearbeitungsprogramme in der Lage Imagemaps zu erzeugen.

Klickbare Bereiche definieren Bearbeiten

Relativ simpel findet ihr die Koordinaten mit dem ImageMap Editor. Ladet eure Datei ein. Achtete darauf, dass ihr (dies ist insbesondere für svg-Bilder wichtig) nur die URL des Vorschaubildes als Pfad angebt. Für das Niedersachsen Bild gebt ihr also im Feld Von URL laden folgendes Adresse ein: http://upload.wikimedia.org/wikipedia/commons/b/b7/OS_(St)_in_Niedersachsen.svg. Als Name solltete ihr jetzt euern Bildnamen eingeben, in diesem Fall z. B. : OS_(St)_in_Niedersachsen.svg. Jetzt erschient das Bild. Im Feld Neuer Bereich klickt ihr auf Polygon. Klickt jetzt im Bild um einen Landkreis herum. Die rote Fläche ist euer späterer Imagemap Bereich, d.h. der Bereich auf den ihr klicken müsst um den entsprechenden Wikiartikel aufzurufen. Als Link gebt ihr den gewünschten Wikilin ohne Klammer ein. In meinem Beispiel zum Beispiel Landkreis Nienburg/Weser, da ich eben diese Landkreis markiert habe. Es reicht übrigens erfahrungsgemäß aus, die Flächen nur grob zu markieren. Für den Landkreis Nienburg reichen etwa 5 Eckpunkte. Wenn ihr einen anderen Namen bei drüberfahren des Bereichs anzeigen wollt, könnt ihr das bei Name tun. Ich will zum Beispiel nur Landkreis Nienburg anzeigen lassen. Wenn ihr mit diesem Bereich fertig seid, klickt wieder auf Polygon und markiert den nächsten Landkreis. Unten erhaltet ihr den folgenden Wiki-Code, den ihr sofort einsetzen könntet. Der Code in unserem Beispiel:

<imagemap>
Image:OS_(St)_in_Niedersachsen.svg|300px
poly 461 518 557 373 654 468 562 558 486 566 458 522 [[Landkreis Nienburg/Weser|Landkreis Nienburg]]
desc bottom-left
</imagemap>

Folgendes Imagemap mit dem klickbaren Kreis im Landkreis Nienburg habt ihr jetzt erzeugt.

Landkreis Nienburg

Wenn ihr das Bild kleiner anzeigen woll, gebt hinter dem Image:OS_(St)_in_Niedersachsen.svg| z.B. 150px an. Gleichzeitig könnt ihr auch andere Bilder wählen. Allerdings müssen die die selbe Basisgröße haben. Verinfacht gesagt: die Bilder müssen gleich groß sein. Die Basisgröße erfahrt ihr wenn ihr die Beschreibungsseite des Bildes aufruft, d.h. im oberen Bild auf das i klickt. Unter dem Bild erscheint jetzt die Basisgröße. Wenn ihr Bilder angebt, die nicht dieselbe Basisgröße haben, sind die klickbaren Bereich nicht mehr an der richtigen Stelle! Ein mögliches Bild ist NI_in_Niedersachsen.svg. Ihr erhaltet:

Landkreis Nienburg

Imagemap-Vorlage für Kreise Bearbeiten

So, funktionieren tut das ja schon mal. Eigentlich habe wir alle Dinge zusammen, die man für eine „richtige“ Imagemap Vorlage braucht. Und die braucht man wiederum für den Einsatz in Infoboxen. Wir brauchen also so etwas wie die Vorlage:Imagemap Nordrhein-Westfalen - nur halt für Niedersachsen. Wenn ihr die Vorlage Vorlage:Imagemap Niedersachsen nennt, dann erkennt die Infobox automatisch die Imagemap und wendet diese in allen niedersächsichen Landkreisen an, wo eine Karte auftaucht. Daher ist wichtig: die Basisgröße und Art der Karte muss gleich bleiben bei allen Landkreisen! Nehmt bitte den Quelltext einer bereits vorhandenen Vorlage, beispielsweise von Vorlage:Imagemap Nordrhein-Westfalen als Vorlage (Copy&Paste), also das hier. Das ist ein guter Start. Jetzt ersetzt ihr logischerweise alle "Nordrhein-Westfalens" durch Niedersachsen. Alle Zeilen die mit poly beginnen, schmeißt ihr raus und tragt eure gefundene Imagemap-Koordianten ein. Unten müsst ihr nochmal eure Bild-Basisgröße eintragen, damit jeder Bescheid weiß. Und ganz oben ersetzt ihr North rhine w rb ARB.svg durch eine der von euch verwendeten Niedersachsen Karten, z.B. Datei:OS_(St)_in_Niedersachsen.svg. Speichern fertig.

Ihr könnt die Imagemap jetzt aufrufen indem ihr die Vorlage aufruft. Z.B. könnt ihr Folgendes einfügen:

{{Imagemap Imagemap Niedersachsen Test|Bild=Datei:OS_(St)_in_Niedersachsen.svg|Maße=thumb{{!}}200x200px|Alt=Lage von Osnabrück (Stadt) in Niedersachsen.}}

Wenn ihr die Vorlage:Imagemap Niedersachsen erstellt habt, werdet ihr sehen, dass die Infobox die Imagemap automatisch einbaut ohne dass ihr die Artikel ändern müsst. (Muss natürlich die richtige Landkreis Infobox sein bzw. für kreisfreie Städte die richtige Gemeinde-in-Deutschland-Infobox, in diesem Fall beim Parameter Kreis: |Kreis=Kreisfreie Stadt eintagen!)

Imagemap-Vorlage für Gemeinden Bearbeiten

Ihr wollt das auch für alle Gemeinden in den Kreisen zusammenbasteln? Auch kein Problem. Das geht genauso. Nehmt ein Bild, passt die Größe an, findet die Koordianten, erzeugt die Vorlage. Ein Beispiel ist die Vorlage:Imagemap Landkreis Main-Tauber-Kreis. Auch hier erkennt die Infobox Gemeinde-in-Deutschland die vorhandene Imagemap automatisch. Einzige Vorraussetzung: der Name lautet immer Vorlage:Imagemap Landkreis XYZ unabhängig vor der wahren Bezeichnung (XYZ ist natürlich ein Platzhalter!). Er muss also immer mit Landkreis beginnen! Z.B. Vorlage:Imagemap Landkreis Warendorf oder auch Vorlage:Imagemap Landkreis Rheinisch-Bergischer Kreis oder Vorlage:Imagemap Landkreis Vogelsbergkreis -selbst wenn das ein wenig bescheuert klingt. Hinter dem Landkreis im Namen folgt also immer das was in der entsprechenden Gemeinde Infobox im Parameter Kreis angegeben ist, im letzteren Fall alos z.B. bei Burscheid |Kreis = Rheinisch-Bergischer Kreis, Drum tut's beim nordrhein-westfälischen Bünde der eingängigere Name Vorlage:Imagemap Landkreis Herford, auch wenn das in NRW und in Schleswig-Holstein offiziell nicht Landkreis heißt.

So das war's. ich hoffe ich konnte euch helfen. -- TUBS  12:32, 10. Sep. 2009 (CEST)[Beantworten]