2013-07-16 252 views
7

這可能是一個相當沉重的任務,但我正在尋找可以幫助我用小冊子創建3D地圖的東西。我已經有小冊子了,我只是想將它們轉化爲3D視角。Three.js + leaflet = 3D地圖?

我唯一的目的是在3D中顯示建築物。我已經使用OSM Buildings,但它們不是真正的3D。

我也發現ReadyMap,由Pelican Mapping支持Leaflet,但我無法讓這個API成功工作,因爲他們沒有在一段時間內更新它。我已經問過他們的Github了,所以除非我能弄清楚如何解決ReadyMap問題(並且他們的src是成千上萬行),否則目前沒有多少東西來自於這條路。我也不知道OSM建築是否可以使用ReadyMap。

所以現在,我正在尋找其他任何選項。我的2個最大的前景

Cesium AGI

Three.js

我基本上希望我的最終結果是這個樣子:

圍棋here,並點擊 「地球」在右邊。

任何幫助將不勝感激!

+0

你找到合適的解決方案,尤其是對於2.5D地圖(不是圖像)?謝謝 – knutole

+0

@knuthole是的,我確實做了,儘管它沒有我想要的那麼精簡。我結束了使用幾個JS庫,即dat.gui,three.js和傳單。在小冊子中,我創建了一個標準地圖,並插入到OSM建築物的結構中,在此之前,我創建了一個帶有dat.gui的UI面板,以允許在「2.5D」和3D界面之間切換。對於3D部分,我必須手動下載地圖圖塊,使用three.js創建平面圖並應用地圖圖像,然後手動創建一些建築物圖形並對其應用紋理 – krb686

+0

@knutole如果您希望看到一些如何結果的截圖,讓我知道。 – krb686

回答

3

有一種叫做F4的地圖,但是關於這個項目的信息並不多。有關詳細信息,請查詢OSM wiki。地圖

例子:Moscow

0

您可以看看maptalks,這是一個用於創建集成2D/3D地圖的JavaScript庫。

(我是主要作者)

+0

嘿,你的用戶名與那個項目的主要作者相匹配,如果這不是巧合,你能否提到這一點。 (不錯的圖書館雖然) – jrtapsell

+0

@jrtapsell是的,我是主要作者,請原諒我,如果有任何干擾:P – fuzhenn