POI-Editor · Anleitung zum Selbstmachen

  1. Sie brauchen einen Webserver mit PHP und MySQL-Datenbank.
  2. Laden Sie das Zip-Archiv poi_editor.zip herunter. Es enthält elf Dateien:
    • poi_editor.htm
    • poi_editor_anleitung.htm
    • popupmarker.js
    • ajax-loader-54x55.gif
    • nadel-blau-28x28.png
    • nadel-gelb-24x25.png
    • nadel-gruen-27x25.png
    • nadel-rot-26x30.png
    • circle-red-48x48.png
    • poiserver.php
    • poi_demo.sql
  3. Packen Sie das Zip-Archiv in einem Verzeichnis auf Ihrem Server aus.
  4. Richten Sie in Ihrer Datenbank eine Tabelle “poi_demo” ein.
    Der SQL-Befehl dafür befindet sich in der Datei poi_demo.sql.
  5. Passen Sie die Datei “poiserver.php” an:
    • Tragen Sie den Namen der Database unter “$MYSQL_DATABASE” ein.
    • Tragen Sie den Datenbank-Benutzernamen unter “$MYSQL_USER” ein.
    • Tragen Sie das Datenbank-Passwort unter “$MYSQL_PASSWORD” ein.
    • Kommentieren Sie die Zeile “require_once '…';” aus.

    Für die Sicherheit sollten Sie nach erfolgreicher Inbetriebnahme die Logindaten in eine Datei außerhalb des htdocs-Baumes verschieben und von dort einlesen.

  6. Rufen Sie die Seite //ihrserver/ihrpfad/poiserver.php?db=demo auf Ihrem Server auf. Wenn im Schritt zuvor die korrekten Werte eingetragen wurden, verbindet sich das Skript mit der Datenbank und liest die (noch leere) Tabelle. Der Browser sollte eine (leere) CSV-Datei zum Herunterladen oder Öffnen mit einer Tabellenkalkulation anbieten.
  7. Rufen Sie die Seite //ihrserver/ihrpfad/poi_editor.htm auf Ihrem Server auf. Sie sollten eine Karte angezeigt bekommen.
  8. Mit einem Shift-Strg-Klick in die Karte erscheint ein roter Kringel und öffnet sich eine Sprechblase mit einem Eingabeformular. Füllen Sie den Namen aus und speichern Sie.
  9. Aus dem roten Kringel wird die animierte AJAX-Tätigkeitsanzeige und der Browser verbindet sich mit dem Server. Wenn aus der animierten Tätigkeitsanzeige wieder ein roter Kringel oder eine farbige Nadel wird, sind Ihre Eingaben in Ihrer Datenbank gespeichert.
  10. Herzlichen Glückwunsch.