2013-07-02 165 views
6

我需要建立一個3d現有飛機航班的實時地圖。它需要能夠在沒有下載任何插件的情況下在瀏覽器上運行(咳嗽谷歌地球咳嗽)。谷歌地圖/路線的3D表示?

already managed doing與谷歌地圖類似的東西:

enter image description here

但我需要能夠顯示它在3d - globe POV

類似: enter image description here

有什麼我可以在谷歌地圖做他們全球3D或有其他東西(API),我可以使用?

回答

7

Google Data Arts團隊可能會從webgl-globe開始。它是建立在three.js和WebGL:

enter image description here

你不得不改變酒吧弧線,但它是一個開始:)

一個警告:WebGL是獲得交互式3D的最佳途徑瀏覽器沒有其他的依賴關係,但它不支持Safari或IE,或者如果用戶缺少圖形驅動程序。

+1

這對我來說真的是一個問題,它在IE中不受支持......(我用IE10測試了它......) –

+0

有一個用於Internet Explorer的WebGL插件:http://iewebgl.com。如果這不符合您的需求,Microsoft已經確認WebGL支持將包含在IE11中:http://techcrunch.com/2013/06/26/microsoft-confirms-webgl-support-for-internet-explorer-11/ – richj

1

您可以使用mercantor投影將球體座標映射到Google地圖貼圖。 pixelcoordinate。然後,您可以選擇一個開放源代碼庫來繪製到畫布,然後添加一些簡單的矩陣轉換來旋轉地球。瓦片映射適用於四鍵。它在這裏描述:http://msdn.microsoft.com/en-us/library/bb259689.aspx

1

我記得看到一條推文,我認爲由保羅愛爾蘭,允許你改變谷歌地圖使用CSS創建一個地球儀的形狀。

http://updates.html5rocks.com/2012/09/Interactive-Globe-with-CSS-shaders-Google-Maps

不知道,因爲它是最新的Chrome只有它已被更新,但它可能是值得考慮看看。

+0

謝謝,但它只在金絲雀與特殊設置(關於:標誌), - 設置啓用CSS着色器...........以及我不能告訴我的客戶做到這一點... :-) –