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
- Titel, Beschreibung, Layer usw. wie gewünscht einstellen und ggf. Marker hinzufügen.
- Auf "Vorschau erstellen" klicken und den Link öffnen (am besten in einem neuen Fenster damit das Formular bestehen bleibt) um das Ergebnis zu betrachten.
- Wenn man mit dem Ergebnis zufrieden ist, kann man die Karte herunterladen und auf den eigenen Webspace hochladen:
- 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.
- 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.
- Die Dateistruktur muss dann folgendermaßen aussehen:
- openlayers
- img
- diverse Dateien
- theme
- diverse Unterordner und Dateien
- OpenLayers.js
- img
- map.css
- map.html
- util.js
- openlayers
- 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.
- Öffne die map.html in deinem Browser um die Karte zu betrachten.
Ungeordnete Stichpunkte zu einzelnen Funktionen
- Mit der SlippyMap rechts kann man den gewünschten Ausschnitt wählen und mit dem entsprechenden Link übernehmen bzw. einen Punkt für den Marker wählen (bitte beachten dass der Ausschnitt später größer ist, da er von der Größe des Browserfensters abhängt).
- Jeder der im Formular vorhandenen Buttons schickt das gesamte Formular ab und speichert demnach auch Änderungen und zeigt sie in der kleinen SlippyMap rechts an (nicht alle Einstellungen werden dort übernommen). Manche Buttons führen zusätzlich jedoch noch andere Aktionen durch (wie z.B. der "Vorschau erstellen" Button eine Vorschau-Karte erstellt).
- Zusätzlich zur Html-Datei werden noch die folgenden Dateien im gleichen Ordner benötigt: util.js, map.css sowie der Inhalt von openlayers.zip. Wenn irgendwas nicht funktioniert, bitte zunächst diese Dateien aktualisieren. In der .zip sollten alle benötigten Dateien enthalten sein.
Wichtige Hinweise
- Die Eingaben werden lediglich per Formular und PHP-Session weitergegeben, aber nicht in irgendeiner Form gespeichert. Wird die Seite also geschlossen, gehen die Eingaben verloren. Das Script ist schließlich auch nur für ein schnelles unkompliziertes Erstellen einer Slippymap gedacht. Bei bedarf können die aktuellen Eingaben jedoch in eine Datei (JSON) exportiert und auf dem eigenen Computer gespeichert werden, um sie später wieder importieren und weiterarbeiten zu können.
- Die Vorschau-Karten werden nach kurzer Zeit wieder gelöscht, weshalb sie nicht zum Verlinken geeignet sind. Bitte die generierte Karte herunterladen und auf eigenen Webspace stellen.
- Die hier gehosteten Marker Icons werden nicht unbedingt für immer verfügbar sein, es empfiehlt sich also die Bilder von den in der map.html gennanten Adressen herunterzuladen, auf den eigenen Speicherplatz zusammen mit den anderen Karten-Dateien zu speichern und den Pfad entsprechend anzupassen.
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.