【问题标题】:How does HERE maps 3D work with its heightmaps?HERE maps 3D 如何使用其高度图?
【发布时间】: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


【解决方案1】:

AFAIK 它不使用高度图。它只是 3d 几何数据。你看到的图像只是纹理贴图

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-02-17
    • 1970-01-01
    • 2015-08-22
    • 1970-01-01
    • 1970-01-01
    • 2022-10-06
    • 1970-01-01
    相关资源
    最近更新 更多