Google地图/路线的3D表示?

时间:2013-07-02 16:53:31

标签: javascript html html5 google-maps 3d

我需要制作当前飞机航班的3d实时地图。它需要能够在浏览器上运行而无需下载任何插件(咳嗽 Google Earth cough )。

already managed doing类似于谷歌地图:

enter image description here

但我需要能够在3d - globe POV

中展示它 像这样的东西: enter image description here

我可以在google地图中做些什么来制作globe-3d,还是有其他东西(API)我可以使用?

3 个答案:

答案 0 :(得分:7)

一个好的起点可能是来自Google Data Arts团队的webgl-globe。它建立在three.js和webgl:

之上

enter image description here

您必须将条形更改为圆弧,但这是一个开始:)

警告:webgl是在没有其他依赖项的情况下在浏览器中获取交互式3d的最佳方式,但是safari或IE尚未支持,或者用户缺少图形驱动程序。

答案 1 :(得分:1)

您可以使用mercantor投影将球体坐标映射到Google地图图块,即e。 pixelcoordinate。然后,您可以选择一个开源库来绘制到画布,然后添加一些简单的矩阵变换来旋转地球。图块映射使用四键。这里描述:http://msdn.microsoft.com/en-us/library/bb259689.aspx

答案 2 :(得分:1)

我记得看过一条推文,我认为Paul Irish允许你用css改变谷歌地图来创建一个地球形状。

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

不知道它是否已更新,因为它只是最新的Chrome,但可能值得一看。