使用Potree进行点云可视化

实验步骤

一、配置Potree

1、首先，确定电脑已经安装了nodejs和gulp，可以使用npm命令和gulp命令。
2、在一个文件夹下，打开git命令面板，输入git clone https://github.com/potree/potree。
3、在终端输入以下命令：
cd Potree安装目录
npm install
npm install -g gulp
4、输入命令：gulp watch
此时Potree的安装目录下应当有了一个build的文件夹。

二、准备数据

Potree可视化数据需要使用具备Potree它定义的格式的数据，因此需要对txt、las等数据使用PotreeConverter转换格式。
1、在git面板输入命令：git clone https://github.com/LAStools/LAStools
2、在终端输入以下命令：
cd ~/dev/workspaces/lastools
git clone https://github.com/m-schuetz/LAStools.git master
cd master/LASzip
mkdir build
cd build
cmake -DCMAKE_BUILD_TYPE=Release ..
make
这就配置好PotreeConverter所需要的LAStool依赖了。
3、继续在终端输入以下命令：
cd ~/dev/workspaces/PotreeConverter
git clone https://github.com/potree/PotreeConverter.git master
cd master
mkdir build
cd build
cmake -DCMAKE_BUILD_TYPE=Release -DLASZIP_INCLUDE_DIRS=~/dev/workspaces/lastools/master/LASzip/dll -DLASZIP_LIBRARY=~/dev/workspaces/lastools/master/LASzip/build/src/liblaszip.so ..
make
等待它构建好。
4、新建一个文件夹PotreeConverted，作为要存放转换之后的数据的文件夹，将PotreeConverter/resources/page_template下的东西拷贝到点云数据.txt的该文件夹下（别拷贝文件夹，而是全选文件复制粘贴到PotreeConverted这个文件夹下）
5、进入之间构建好的PotreeConverter的build文件夹下的PotreeConverter文件夹，找到打开终端输入命令：
./PotreeConverter.执行文件后缀(exe/sh) 点云数据txt的路径 -o 转换后数据存放路径 -p 转换后数据的名字
6、等待转换好后，即可看到Potree格式的数据。格式如下：

2018-04-23 17-03-26屏幕截图.png

进入pointclouds/maxdata，应当看到：

2018-04-23 17-03-32屏幕截图.png

三、项目建立

1、打开Idea，点击File->New Project->选中static web标签->static web->next->输入项目名->Finish
2、将Potree安装目录下的Libs目录下的文件夹都拷贝到Idea项目下。
并将之前Potree的build目录拷贝过来，重命名为Potree
3、将之前转换好的数据的pointclouds文件夹拷贝到项目目录下。
4、完成后应具有的项目目录结构为：

2018-04-23 17-16-58屏幕截图.png

四、源码编写与运行

1、在项目下新建一个文件夹叫src。
2、在src下新建一个HTML文件，随意命名，文件中代码如下：

    
    
    
    
    
    

    
    
    
    
    
    
    



    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    


        

        

            


        
        

            

                

                    
图层
                
                

                    

                        地图
                        点云模型
                    
                
            
            

                

                    
投影
                
                

                    

                        正交投影
                        透视投影
                    
                
            
            

            

                
设置Potree数据路径
            
            

                

                    
                
                提交
            
            
            

                

                    
选点
                
                

                    

                
            

        


    
    
    
  

4、点击Idea上方菜单栏Run中的Edit configurations，打开后配置如下（hdychi.html为我在上一步中创建的html）：

2018-04-23 17-31-02屏幕截图.png

这里主要配置Name和路径即可。
5、点击Run中的run xxx.html，等待浏览器打开后，即可看到项目：

2018-04-23 17-33-44屏幕截图.png