Скачать или смотреть Importieren einer GeoJSON-Datei und Erstellen von Polygonen in Mapbox

Erfahren Sie, wie Sie eine `GeoJSON`-Datei nahtlos in `Mapbox` integrieren, um beeindruckende Polygone auf Ihren Karten zu erstellen.
---
Dieses Video basiert auf der Frage https://stackoverflow.com/q/62220848/ gestellt von dem Nutzer 'Christy Nakou' ( https://stackoverflow.com/u/11125171/ ) sowie auf der Antwort https://stackoverflow.com/a/62263885/ bereitgestellt von dem Nutzer 'Christy Nakou' ( https://stackoverflow.com/u/11125171/ ) auf der Website 'Stack Overflow'. Vielen Dank an diese großartigen Nutzer und die Stackexchange-Community für ihre Beiträge.

Besuchen Sie diese Links, um den Originalinhalt und weitere Details zu sehen, z. B. alternative Lösungen, aktuelle Entwicklungen zum Thema, Kommentare, Versionsverlauf usw. Der ursprüngliche Titel der Frage lautete beispielsweise: Add a geojson file and create polygons in a map with mapbox

Außerdem steht der Inhalt (außer Musik) unter der Lizenz CC BY-SA https://meta.stackexchange.com/help/l...
Der ursprüngliche Fragenbeitrag steht unter der Lizenz 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ), und der ursprüngliche Antwortbeitrag steht unter der Lizenz 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ).

Falls Ihnen irgendetwas auffällt oder Unstimmigkeiten bestehen, schreiben Sie mir bitte an vlogize [AT] gmail [DOT] com.
---
Importieren einer GeoJSON-Datei und Erstellen von Polygonen in Mapbox

Das Arbeiten mit Karten war noch nie so einfach, besonders mit der Hilfe von Mapbox. Wenn Sie benutzerdefinierte Formen zu Ihren Karten hinzufügen möchten, indem Sie eine GeoJSON-Datei verwenden, sind Sie hier genau richtig. In diesem Blogbeitrag führen wir Sie durch die notwendigen Schritte, um eine GeoJSON-Datei in Ihr HTML-Dokument zu importieren und Polygone auf einer Mapbox-Karte zu visualisieren.

Das Problem

Möglicherweise befinden Sie sich in folgender Situation: Sie haben eine GeoJSON-Datei, nennen wir sie example.geojson, auf Ihrem lokalen Server, und möchten ein Polygon, das den Daten in dieser Datei entspricht, auf einer Mapbox-Karte anzeigen. Doch nachdem Sie alles eingerichtet haben, sehen Sie nur die Karte, was Sie verwirrt und Sie sich fragen, was schiefgelaufen ist.

Keine Sorge, wir sind hier, um dieses Problem zu klären und für Sie zu lösen!

Die Lösung

Die gute Nachricht ist, dass das Problem meist durch das korrekte Hosting Ihrer HTML-Datei gelöst werden kann. In diesem Abschnitt gehen wir auf die wichtigsten Schritte ein, um dies einzurichten und sicherzustellen, dass Ihre GeoJSON-Daten auf der Karte angezeigt werden.

Schritt 1: Einrichten eines lokalen Servers

Um lokale Dateien wie GeoJSON in Ihrer Webanwendung korrekt zu laden, müssen Sie einen lokalen HTTP-Server ausführen. So funktioniert's:

Verwendung von Python (Version 3.x):

Öffnen Sie Ihr Terminal.

Navigieren Sie in das Verzeichnis, das Ihre HTML- und GeoJSON-Dateien enthält.

Führen Sie den Befehl aus:

[[Siehe Video, um diesen Text oder Codeausschnitt anzuzeigen]]

Dadurch wird ein lokaler Server unter http://localhost:8000/ gestartet.

Zugriff auf den Server:

Öffnen Sie Ihren Browser und rufen Sie http://localhost:8000/IhreHtmlDatei.html auf (ersetzen Sie IhreHtmlDatei.html durch den tatsächlichen Namen Ihrer HTML-Datei).

Schritt 2: Schreiben Ihrer HTML-Datei

Stellen Sie sicher, dass Sie die korrekte HTML-Struktur haben. Basierend auf Ihrem bereitgestellten Code hier eine bereinigte Version.

[[Siehe Video, um diesen Text oder Codeausschnitt anzuzeigen]]

Schritt 3: Testen Sie es!

Sobald Ihr lokaler Server läuft, rufen Sie Ihre HTML-Datei über den Browser auf.

Sie sollten jetzt das Polygon sehen, das entsprechend den in Ihrer GeoJSON-Datei definierten Koordinaten auf der Karte dargestellt wird.

Häufige Probleme:

Stellen Sie sicher, dass Sie 'Ihr_Zugriffs_Token' durch Ihren tatsächlichen Mapbox-Zugriffstoken ersetzen.

Vergewissern Sie sich, dass der Pfad zu Ihrer GeoJSON-Datei relativ zur HTML-Datei korrekt ist.

Fazit

Wenn Sie diese Schritte befolgen, sollten Sie Ihre GeoJSON-Datei erfolgreich laden und Polygone auf Ihrer Mapbox-Karte visualisieren können. Denken Sie daran, einen lokalen HTTP-Server zu verwenden – das ist besonders wichtig für das Laden von Dateien, insbesondere wenn Sie mit GeoJSON und Kartenintegrationen arbeiten. Viel Erfolg beim Kartografieren!