javascript - 谷歌地图/路线的 3D 表示？

Question

我需要建立3d当前飞机航班的实时地图。它需要能够在浏览器上运行而无需下载任何插件（咳谷歌地球咳）。

我已经设法用谷歌地图做了类似的事情：

但我需要能够显示它3d - globe POV：

就像是 ：

我可以在谷歌地图中做些什么来使它们成为globe-3d，还是我可以使用其他东西（API）？

Answer 1

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

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

一个警告：webgl 是在浏览器中获得交互式 3d 的最佳方式，无需其他依赖项，但 safari 或 IE 尚不支持，或者如果用户缺少图形驱动程序。

Answer 2

You can use the mercantor projection to map the sphere coordinate to the Google maps tiles, I. e. pixelcoordinate. Then you can choose an open source library to draw to the canvas and then add some simple matrices transformation to rotate the globe. The tile mapping works with a quad key. It's describe here: http://msdn.microsoft.com/en-us/library/bb259689.aspx.

Answer 3

我记得看到一条推文，我认为是 Paul Irish 写的，它允许您使用 css 更改谷歌地图以创建地球形状。

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

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