DE:Karte in Webseite einbinden
| Einleitung | Vorbereitung | HTML-Datei | CSS-Datei | JavaScript-Datei | Karte-als-Popup | eigene Kosmos-Karte online stellen |
OpenStreetMap Karten können relativ einfach in eine Webseite eingebunden werden.
Benötigt werden ein Editor zum Bearbeiten der Dateien, die Dateien selbst und etwas Kenntnisse in HTML und CSS. Kenntnisse in JavaScript werden nicht vorausgesetzt, sind aber von Vorteil. Wie immer beim Erstellen von Programmcode sollte man ein gewisses Maß an Ruhe und Geduld mitbringen. Fehler sind schnell gemacht, und die Suche danach kann oft zermürbend sein. Hilfreich ist klares, strukturiertes Denken und Vorgehen. So kann oftmals eine Suche bei Google oder auch Wikipedia einen entscheidenden Hinweis zur Lösung eines Problems geben.
Nicht alle Kartenquellen haben die gleichen Nutzungsbedingungen, im Zweifelsfall muss der jeweilige Anbieter angefragt werden. Für die "Kartenkacheln" (Tiles) im Standardstil ("Mapnik"), die auf openstreetmap.org angeboten werden, gelten die folgenden Bedingungen DE:Tile_usage_policy.
die nächsten Schritte
- Vorbereitung - erklärt, welche Software benötigt wird
- Die HTML Dateien - erklärt die HTML-Dateien
- Die CSS Dateien - erklärt die CSS-Dateien
- Die JavaScript Dateien - erklärt die JavaScript-Dateien
- Die Karte als Popup - erklärt, wie man ein XHTML-komformes Popup erstellt
Minimallösung
Minimallösung zum Einbau der OSM-Karte in eine Website