Gibt es eine JS-Bibliothek, die normale, flache Karten (wie Leaflet) in eine perspektivische Karte wie diese im Web umwandelt:
Hat jemand etwas gesehen, das CartoDB-Daten in 3D-Darstellungen verwandeln könnte?
javascript
leaflet
3d
carto
Knutole
quelle
quelle
Antworten:
Vielleicht könnten Sie Osmbuildings verwenden . Es ist eine JavaScript-Bibliothek zur Visualisierung von OpenStreetMaps (oder benutzerdefinierten GeoJSON) -Gebäudegeometrien in einer 3D-Perspektive.
Es verwendet OpenStreetMaps-Daten direkt. Fügen Sie einfach die loadData () -Methode hinzu:
Oder Sie können Ihren eigenen GeoJSON laden. Ändern Sie einfach die loadData () -Methode in setData (geojson):
Ihre Daten müssen eine height-Eigenschaft haben, und Sie können die Wand- und Dachfarbe dynamisch ändern:
Und ändern Sie sogar die Schattenperspektive, indem Sie die Tageszeit einstellen:
quelle
setData
Methode,set
funktioniert aber ! Es wird:var osmb = new OSMBuildings(map).setData(geoJSON);
Dies ist einer der wichtigsten Anwendungsfälle für ViziCities (3D-Städte im Browser, der von OpenStreetMap unterstützt wird), obwohl die Datenebenen derzeit noch nicht funktionieren. Vielleicht sollten Sie etwas für die Zukunft beachten: https://github.com/robhawkes/vizicities
Haftungsausschluss: Ich bin der Entwickler von ViziCities
quelle
Mit OSM2world können Sie 2D-Daten von OpenStreetMap (map.osm) an 3D-Objekte (map.obj) übergeben und anschließend mit einem anderen Konverter ( convert_obj_three.py ) in ein ThreeJS-JSON-Modell (map.js) konvertieren es in einer ThreeJs-Szene.
Sie können sehen wie hier:
https://www.youtube.com/watch?v=S6LbKH6NnZU
quelle
Das nächste, was ich gesehen habe, ist die Arbeit von Mike Bostock .
Er hat eine wirklich coole Karte, die eine Art schräge Projektion hat .
Aber nichts macht es einfach. D3 tut mein Bestes, um Projektionen aufzustellen. Sie können erstaunliche Dinge machen, wenn Sie daran arbeiten.
quelle
http://osm2world.org/ funktioniert ohne WebGL, verwendet jedoch Java anstelle von js.
Entwickelt für die Ausgabe von Openstreetmap-Gebäudedaten, sollte es auch für andere 3D-Daten verwendbar sein.
Die Ausgabe ist eine rutschige Karte, ähnlich der Broschüre: http://maps.osm2world.org/
quelle
Nun, mit CartoDB können Sie so etwas tun: http://andrewxhill.com/cartodb-examples/scroll-story/pluto/index.html#4
Sie müssen diesen CartoCSS-Parameter verwenden: {Gebäudehöhe: 512; }
Weitere Informationen finden Sie hier: https://github.com/CartoDB/cartodb-pluto
quelle