Three.js + Broschüre = 3D Karten?
Diese kann eine ziemlich heftige Aufgabe, aber ich bin auf der Suche nach etwas, das mir helfen kann das erstellen von 3D-Karten mit leaflet. Ich habe bereits eine Broschüre und läuft, ich will einfach nur, um wandeln Sie in 3D-Perspektive.
Meine einzige Zweck dafür ist die Darstellung von Gebäuden in 3D. Ich habe bereits verwendet OSM-Gebäude, aber Sie sind nicht real 3D.
Fand ich auch ReadyMap, von Pelican Mapping, unterstützt, die die Broschüre schon, aber ich kann nicht diese API, um erfolgreich arbeiten, weil Sie noch nicht aktualisiert, es in eine Weile. Ich habe bereits gebeten, auf Ihre Github -, so gibt es nicht viel aus, dass die Straße ab jetzt, sofern ich herausfinden kann, wie fix die ReadyMap Probleme (und deren src Zehntausende von Zeilen). Ich habe auch keine Ahnung, ob OSM-Gebäude würde auch die Arbeit mit ReadyMap.
So jetzt, ich bin auf der Suche nach anderen Möglichkeiten es gibt. Meine 2 größten sind die Aussichten
und
Ich im Grunde will, dass mein Ergebnis so Aussehen:
Gehen hier, und klicken Sie auf "Erde" auf der rechten Seite.
Jede Hilfe wäre sehr geschätzt werden!
- Haben Sie finden die passenden Lösungen, vor allem bei der 2,5 D-Karten (nicht die Bilder)? Dank
- Ja habe ich tatsächlich, allerdings war es nicht ganz so reibungslos, wie ich mir das gewünscht hätte. Ich landete mit mehreren JS-Bibliotheken, nämlich dat.gui, three.js und Packungsbeilage. In der Broschüre, die ich erstellt eine standard-Karte und angeschlossen OSM-Gebäude für Strukturen, und auf diese erstellte ich ein UI-panel mit dat.gui zu ermöglichen Umschalten zwischen "2,5 D" - und 3D-Schnittstelle. Für den 3D-Teil, musste ich manuell herunterladen der Kartenkacheln, erstellen Sie eine Ebene Fläche in three.js und gelten die map-Bilder, und erstellen Sie manuell einige Gebäude, Formen und Texturen, um Sie
- Wenn Sie möchten, um zu sehen, einige screenshots, wie es stellte sich heraus, lass es mich wissen.
- Danke! Ja, ich würde gerne die Ergebnisse sehen!
- 3D Teil - i306.photobucket.com/albums/nn255/Krb686/cest_3d_1.png
- ist es möglich, zu teilen ein code-Beispiel ?
- Ich würde auch gerne sehen, einige code-Beispiele.
- Gleichen, würde gerne einige code-Beispiele.
- Wie haben Sie die Integration der 3d-Ansicht mit der Broschüre Schicht steuert? Ich habe eine harte Zeit immer meine 3d-Gebäude zu pan und zoom zusammen mit dem rest der Schichten. Ein Problem ist tatsächlich die 3d-Ebene zu zeigen, ohne auch sich mit der Broschüre pan/zoom. Irgendwelche Tipps?
- Ich habe nicht gesehen in eine Weile. Ich kam gerade zurück, um es, und leider festgestellt, dass meine tile-provider für die maptiles nicht mehr frei zugänglich. Ich werde versuchen, Sie zu ersetzen der Karten-provider und zeigen Euch eine funktionierende demo
- Für die Unterscheidung zwischen 2D und 3D, die ich tatsächlich verwendet 2 div-Elemente genannt
2dcontainerund3dcontainerinnerhalb eines div-namenscontent. und Sie beide überlappen. Einer ist verborgen und der andere nicht. Natürlich habe ich im Merkblatt gebunden, um die2dcontainerund three.js gebunden an die3dcontainer. Ich habe dann mit dat.gui zum erstellen eines Steuerelements und ermöglicht auch das Umschalten zwischen den 2 divs. Also ehrlich gesagt, ich würde nicht sagen, dass ich eigentlich integriert voll 3D mit Packungsbeilage, da schalte ich in den 3D-Modus, es ist im Grunde nur eine three.js viewport, geschieht die Verwendung der exakt gleichen mapfiles für die Basis-textur. - Allerdings in "2D" - Modus, verwende ich die OSM-Gebäude, irgendeine Art von dimension.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Es ist etwas genannt die F4-Taste Anzeigen, aber es gibt nicht viel Informationen über dieses Projekt. Überprüfen Sie OSM-wiki für einige details.
Beispiel anzeigen: Moskau
Möchten Sie vielleicht zu prüfen, die neue version von OSMBuildings, was ist real 3D.
Können Sie sich maptalks, eine javascript-Bibliothek zum erstellen von integrierten 2D/3D-Karten.
(Ich bin der Hauptautor)