前言
在前面的两节教程中,我们为 las 点云数据加载到浏览器上做了相关库的准备,如下图的build和libs目录,以及将点云数据转换为了 potree 能解析的格式并放在了如下图的clouds目录中

直接上源码
加载这个点云数据,只需要一个html源码,幽络源已将源码以及用到的库都打包整理好了,可以直接使用。
完整源码与库=> https://pan.quark.cn/s/d7af44391973
打开方式
下载后,目录内包括了如下图的文件

这里需要注意的是,虽然就一个html,但是我们直接双击在浏览器是无法正常使用的,因为所使用到的js库中有些功能会受阻,并且可以在浏览器的控制台能看到会报错跨域错误,如图

幽络源这里推荐最轻量的 vscode,当然你用pycharm、dreamweaver都是可以的,如下为vscode使用live server方式启动html。
首先用vscode打开整个目录,如图

然后在extension中搜索live,安装live server插件,如图

然后对着html文件使用右键选择 open with Live Server,如图

启动后,直接点击加载点云数据即可,如图
当然,这个3维模型是可以旋转、缩放、平移查看的,如图

结语
如上为幽络源的3、HTML实现激光雷达las点云数据的可视化渲染教程,如有疑问可加入我们的QQ群询问与交流:3075314221
THE END
