2013-07-16 9 views
7

Cela peut être une tâche assez lourde, mais je cherche quelque chose qui peut m'aider à créer des cartes 3D avec un dépliant. J'ai déjà un dépliant opérationnel, je veux juste les transformer en perspective 3D.Three.js + leaflet = Cartes 3D?

Mon seul but pour cela est d'afficher les bâtiments en 3D. J'ai déjà utilisé OSM Buildings, mais ils ne sont pas en 3D réel.

J'ai également trouvé ReadyMap, par Pelican Mapping, qui supporte déjà Leaflet, mais je n'arrive pas à faire fonctionner cette API car ils ne l'ont pas mise à jour depuis un moment. J'ai déjà demandé sur leur Github, donc il n'y a pas beaucoup de choses à venir à partir de maintenant à moins que je puisse trouver comment résoudre les problèmes de ReadyMap (et leur src est des dizaines de milliers de lignes). Je ne sais pas non plus si les bâtiments OSM fonctionneraient même avec ReadyMap.

Donc maintenant, je cherche d'autres options là-bas. Mes 2 plus grandes perspectives sont

Cesium AGI

et

Three.js

Je veux essentiellement mon résultat final à ressembler à quelque chose comme ceci:

Go here, et cliquez sur "Terre" sur la droite.

Toute aide serait grandement appréciée!

+0

Avez-vous trouvé des solutions appropriées, en particulier pour les cartes 2.5D (pas d'imagerie)? Merci – knutole

+0

@knuthole Oui, je l'ai fait, même si ce n'était pas aussi simple que je l'aurais aimé. J'ai fini par utiliser plusieurs bibliothèques JS, à savoir dat.gui, three.js et leaflet. Dans la brochure, j'ai créé une carte standard et j'ai branché des bâtiments OSM pour les structures, et j'ai créé un panneau d'interface utilisateur avec dat.gui pour permettre la commutation entre "2.5D" et l'interface 3D. Pour la partie 3D, je devais télécharger manuellement les carreaux de la carte, créer une surface plane dans three.js et appliquer les images de la carte, et créer manuellement des formes de construction et leur appliquer des textures – krb686

+0

@knutole Si vous souhaitez en voir captures d'écran de la façon dont il s'est avéré, faites le moi savoir. – krb686

Répondre

3

Il existe quelque chose appelé F4 Map, mais il n'y a pas beaucoup d'informations sur ce projet. Vérifiez OSM wiki pour certains détails.

Exemple de carte: Moscow

0

Vous pouvez regarder maptalks, une bibliothèque javascript pour créer des cartes 2D/3D intégrées.

(Je suis l'auteur principal)

+0

Hey, votre nom d'utilisateur correspond à l'auteur principal de ce projet, si ce n'est pas une coïncidence, pourriez-vous le mentionner. (Nice library though) – jrtapsell

+0

@jrtapsell Ouais, je suis l'auteur principal, pardonnez-moi si déranger: P – fuzhenn

Questions connexes