Wozu dieses Skript gedacht ist

Diese Seite dient dazu Html- und Javascriptcode für einfache OpenStreetMap Karten basierend auf OpenLayers zu generieren. Für größere Projekte, die mehr als eine handvoll Marker oder speziellere Dinge benötigen, ist dieses Script nicht gedacht. Jedoch kann es natürlich als Basis dienen. Anregungen zur Verbesserung sind natürlich trotzdem willkommen.

Anleitung

Das Formular sollte eigentlich relativ selbsterklärend sein, wenn man sich schon etwas mit dem Thema befasst hat.

Allgemeine Vorgehensweise

  1. Titel, Beschreibung, Layer usw. wie gewünscht einstellen und ggf. Marker hinzufügen.
  2. Auf "Vorschau erstellen" klicken und den Link öffnen (am besten in einem neuen Fenster damit das Formular bestehen bleibt) um das Ergebnis zu betrachten.
  3. Wenn man mit dem Ergebnis zufrieden ist, kann man die Karte herunterladen und auf den eigenen Webspace hochladen:
    1. Klicke auf "Karte herunterladen (nur .html)" um die Kartendatei (HTML) herunterzuladen und speichere sie auf deinem Computer. Lade ebenfalls die Dateien util.js und map.css herunter und speichere sie in dem selben Ordner wie die HTML-Datei. Zusätzlich brauchst du noch die openlayers.zip, die in das gleiche Verzeichnis entpackt werden muss, wodurch ein Unterordner "openlayers" entsteht.
    2. Oder: Klicke auf "Karte herunterladen (alle Dateien in .zip)" um die Kartendatei und die zusätzlich benötigten Dateien in einer gepackten Datei (.zip) herunterzuladen. Die .zip-Datei muss dann entpackt werden. Die darin enthaltene openlayers.zip muss entpackt werden, wodurch ein Unterordner "openlayers" entsteht.
    3. Die Dateistruktur muss dann folgendermaßen aussehen:
      • openlayers
        • img
          • diverse Dateien
        • theme
          • diverse Unterordner und Dateien
        • OpenLayers.js
      • map.css
      • map.html
      • util.js
    4. Lade alle Dateien (einzeln heruntergeladen oder aus der .zip) auf deinen Webspace hoch oder lasse sie auf deinem PC, jenachdem wo du die Karte betrachten willst.
    5. Öffne die map.html in deinem Browser um die Karte zu betrachten.

Ungeordnete Stichpunkte zu einzelnen Funktionen

Wichtige Hinweise

Kontakt

Wenn irgendwas nicht wie erwartet funktioniert, bitte im Forum nachfragen. Insbesondere wurde nicht in sehr vielen verschiendenen Browsern getestet. Auch Vorschläge und Kritik können selbstverständlich dort angebracht werden. Alternativ kann auch eine E-mail geschickt werden.