javascript - 如何使用 iTowns2 在浏览器中渲染点云数据

标签 javascript 3d three.js point-clouds lidar

我正在尝试使用 iTowns2 ( https://github.com/iTowns/itowns2 ) 在浏览器中可视化点云数据。根据自述文件:“[iTowns'] 的第一个目的是街景图像和地面激光雷达点云的可视化。”

据此我了解到,应该有人使用 iTowns 在网上某处可视化点云数据。我已经找了好几天了,但找不到有人使用 iTowns2 在浏览器中可视化点云数据的示例。

GH 存储库中的示例在浏览器中渲染地球仪,但没有点云。有一个 iTowns/iTowns2-sample-data 存储库,其中包含大量点云数据,但没有有关如何使用数据或对其他资源的引用的说明。

有人用过这个包在浏览器中显示点云数据吗?有谁知道一篇文章或资源可以演示如何使用 iTowns2 执行此操作?有谁知道使用示例和/或更好的文档渲染点云数据的不同库?

理想情况下,我能够找到类似这样的源代码:http://www.itowns-project.org/#demo

最佳答案

该文档相当模糊,从 Github 问题来看,该库似乎正在进行大量重构。

我快速浏览了一下 this repo并意识到它只是使用 Potree 进行点云可视化:

http://potree.org/

所以你可以直接使用Potree。哪一个有更好的记录。

除此之外,使用 Three.js 设置您自己的点云可视化工具非常简单。

看看 Points 对象:

https://threejs.org/docs/#api/objects/Points

这个例子:

https://github.com/mrdoob/three.js/blob/master/examples/webgl_buffergeometry_points.html

Three.js 还包含一些 3D 格式加载器,例如 ply:

https://github.com/mrdoob/three.js/blob/master/examples/webgl_loader_ply.html

如果您对使用 las 文件感兴趣,您可能还想查看:

https://github.com/verma/plasio

关于javascript - 如何使用 iTowns2 在浏览器中渲染点云数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43508081/

相关文章:

javascript - 如何禁止人们保存我网站的源代码?

javascript - 在没有任何html标签的html中隐藏文本

javascript - 使用 GMaps.js 集成 Google Maps API - 看不到在哪里添加我的 API key

应用于 Canvas 的 CSS3 自定义过滤器 - 仅在满足奇怪条件时工作

javascript - aframe 错误 : Entity. setObject3D 调用的对象不是 THREE.Object3D 的实例

javascript - 是否可以在 Three.js 中清晰地悬停在 LineSegment 的各个部分上,以识别那些只有一种几何形状的部分?

javascript - .on ('click' )在 for 循环中到多个元素?

arrays - 在 MATLAB 中替换 3D 矩阵的元素

python - 球体上的颜色来描述值

javascript - 从函数中提取参数并将其用作逻辑句子