Interaktive Landkarten erstellen und verlinken
Interaktive, mit verlinkten Hotspots versehene Grafiken sind ein beliebtes Gestaltungsmittel bei der Erstellung von Webseiten. Besonders häufig werden in diesem Zusammenhang Orte auf Landkarten mit Hotspots versehen, wobei diese Hotspots auf eine weiterführende Seite per Link verweisen. Die Technik, die dahinter steckt, wird allgemein als Image-Maps bezeichnet.
In nachfolgendem Tutorial möchten wir Ihnen diese Technik etwas näher bringen sowie darüber hinausgehend einige Hinweise vermitteln, wie und mit welchen Programmen sie eine oder mehrere Image-Maps erstellen und in einer WordPress-Seite einfügen können. Weiterhin möchten wir Ihnen auch ein kleines Plugin vorstellen, dass Ihnen die Arbeit des Einbindens in statische oder Beitragsseiten erleichtert.
Übersicht » Image-Maps:
- Interaktive Landkarten & Grafiken (kleine Einführung)
- Image-Maps (Hotspots erstellen und verlinken)
- Kartenmappe als WP-Plugin (zur Verwaltung von mehreren ImageMaps)
- Klasse für HM-Karten-Mappe (als Code-Listing mit Beschreibung)
Hinweis: Die Hotspots auf der Karte sind in diesem Beispiel nicht auf andere Seiten verlinkt, sondern nur mit Hashtags (Hash-Fragmente) zu Sprungzielen auf dieser Seite.
Sprungziele:
- Berlin ist die Hauptstadt der Bundesrepublik Deutschland und zugleich ein Stadtstaat. Weiterhin ist Berlin rund 3,4 Millionen Einwohnern bevölkerungsreichste Großstadt von Deutschland.
- London ist die Hauptstadt von England und des Vereinigten Königreichs Großbritannien und Nordirland. Mit über 8 Millionen Einwohnern ist (Groß-)London nicht nur die größte Stadt von England, sondern die bevölkerungsreichste Großstadt der Europäischen Union.
- Paris, die Stadt der tausend Lichter, ist die Hauptstadt von Frankreich und mit über 2 Millionen Einwohnern zugleich die größte und international bekannteste Metropole von Frankreich.
Auf der nächsten Seite erfahren Sie, wie Sie Hotspots erstellen und verlinken können.
weiterlesen » Hotspots erstellen und verlinken
