【发布时间】:2014-12-05 14:44:19
【问题描述】:
我看过 HERE Maps 3D 的作品,它使用了 WebGL:
现场演示:http://here.com/45.4382049,12.3281023,18.51,124,75,3d.day
看起来,这是一种类似于高度图的技术。
我想知道,它是如何工作的,完全适用于从纹理中挤出。我在浏览器工具中查看了网络以查看请求/响应,并看到了下一个:
有两个文件,纹理文件和一些二进制*.n3m 文件,它们与具有相似x, y, zoom 值的平铺纹理相关。
我还查看了纹理的外观,并了解它不是标准的空中(宇宙)视图:
您可以在其中看到一些灰色像素,并且该瓦片纹理既有来自宇宙的一些视图,也有一些建筑物的纹理,这些都存在于一个纹理文件中。
我认为,HERE 地图技术不仅很棒,而且非常棒。如果有类似 OSCAR 的奖项,但对于 IT 行业,HERE 地图的开发者必须有这样的奖项。
但是,让我们回到主题。我想知道,他们使用什么确切的技术?也许这是非常流行的技术,众所周知?如果是这样,请告诉我一些有关它的信息。
我已经成功创建了一个 three.js 应用程序,它从现实世界的高度图创建了美丽的地形,所以当我从 HERE 地图中看到这样一个示例时,我想尝试做同样的事情。
所以,问题是:
- 这个样本的技术是什么(据了解,它在高度图挤出技术中很常见)?
- 为什么会这样生成纹理?
- 关于
*.n3m文件格式,你能说出什么(这是一种二进制格式,我正在尝试在 Google 搜索中搜索有关它的信息,但最有趣的是下一个:http://content.stamen.com/files/idiocode/index.html)?
相关链接:
【问题讨论】:
-
不是和谷歌地球一样吗?
-
@vals 像 F4Maps 这样的功能是一样的,它使用 WebGL 并且不需要安装任何额外的插件,而且我认为每个显示建筑数据的实现都有一些差异,等等。 .
-
如果您不了解 Chrome 画布检查器,请查看learningthreejs.com/blog/2013/04/05/…
-
顺便说一下,在一些着色器中我看到过类似 //#define SHOW_HEIGHTMAP 的行(已注释),但我没有看到它未注释
标签: 3d three.js webgl here-api heightmap