D3js: Wie werden topografische Karten entworfen?
Gegeben ein GIS-Raster mit Höhendaten, Wie wird eine topografische Karte in D3js entworfen?
Gibt es ein Beispiel für Relief / topographische Karten von Cropped Lands, die mit D3js erstellt wurden?
Funktioniert nicht: Ich habe die Möglichkeit von .tif > gdal_contour.py > .shp > topojson > d3js ohne Erfolg untersucht.
Ich benutze ein Makefile , das alle meine Befehle enthält. Da mein Interessengebiet (Frankreich) eine Landfläche ist, erzeugt der gdal_contour.py -Ansatz gebrochene Isolinien, die keine geschlossenen Polygone erzeugen. Außerdem schlägt das SVG-Endergebnis fehl. Das einzige Beispiel einer topografischen Karte von D3, die ich kenne, ist über Island, das als eine Insel dieses Problem vermeidet: das Land zu ernten außerhalb der Welt führt nicht zu gebrochenen Isolinien.
nb: Dieses Projekt ist Teil des #Wikipedia #wikimaps-Projekts.
2 Antworten
Topografische Karte jetzt auf D3js, mit vollem Makefile-Workflow! Siehe Ссылка (& lt; = älterer Code, vergleiche hier mit SO)
0. Anforderungen:
-
Geografischer Bereich: Sie können Ihr geographisches Interessengebiet anpassen, indem Sie in jeder der beiden Dateien eine Zeile bearbeiten: makefile # boxing und html # Geo-frame_borders mit Ihren eigenen Dezimalkoordinaten für W, N , E, S Grenzen, etwas wie:
var WNES = {"Ziel": "Frankreich", "W": -5,3, "N": 51,6, "E": 10,2, "S": 41,0};
-
Software:
make,curl,unzip,gdal(einschließlichogr,gdal_calc.py,gdal_polygonize.py),nodejs,% Code%. Hilfreich:topojson. Das Makefile verwaltet dann die Quellen, verarbeitet sie und gibt eine einzige Topojson-Datei aus, die der bereitgestellte D3js-Code verwenden kann.
1. Speichern Sie den Namen des Ordners: /topo_map/topo.mk
%Vor%2. Erstellen Sie Daten , indem Sie die Makdatei ausführen:
%Vor%3. D3js & amp; HTML-Code mit Autofokus:
%Vor%4. Ergebnis wird genau so sein: (auf Ihren Interessensbereich angewendet)
Wenn Sie die Karte (n) online veröffentlichen, teilen Sie bitte den Link:)
Hinweis: Ermutigung +1 willkommen.
Wenn jemand nach einem Update sucht, hier ist der Build-Code, den ich ab heute bekommen habe. Ich musste die .zip-Datei manuell herunterladen und in das Verzeichnis topo_map verschieben, und dann ein paar Änderungen (fett markiert):
%Vor%