/home-sweet-home

Primary LanguageHTML

Haus Suche

Daten

Die Daten müssen in data.json in folgenden Format abgelegt sein:

{
    "list": [
        {
            "streetname": "Müllerstraße 1",
            "note": "Das sieht interessant aus",
            "link": "https://example.org",
            "dismissed": "Hat uns doch nicht gefallen.",
            "size": 1000,
            "lat": 50.12345,
            "lng": 10.12345
        }
    ]
}

Folgende Felder sind optional:

  • link
  • dismissed - Falls es gesetzt ist, sind die Marker leicht durchsichtig und der Text wird mit ausgegeben.
  • size - Falls es gesetzt ist, wird diese Größe in Quadratmetern im Popup mit angezeigt.

Geocode

Falls man sich den Aufwand der Geocodierung nicht selbst machen will gibt es ein kleines Tools, welches den Straßennamen via MapQuest API zu einer Koordinate auflöst. Dieses Tool findet sich in tools/. Dort einmal composer install ausführen und den MapQuest API Token eintragen. Anschließend kann man php tools/geocode.php aufrufen und die Datei data.json wird mit Koordinaten für die Einträge gefüllt, die keine lat und lng Schlüssel haben. Dazu wird der Straßenname an Chemnitz, angehangen und nachgeschlagen.

Deployment

  • MapBox Token in index.html setzen
  • index.html und data.json auf einen Webserver legen und öffnen

Sonstige Links