potree-sdk/src/start.js

import * as THREE from "../libs/three.js/build/three.module.js";
import {settings, config} from './settings' 
import math from './utils/math' 
import browser from './utils/browser' 
import './extensions/three.shim.js' 
 

import {Utils} from "../src/utils.js"
 

var start = function(dom, mapDom, number, fileServer, webSite){ //t-Zvd3w0m
    /* {
        let obj = JSON.parse(localStorage.getItem('setting'))
        for(let i in obj){
            console.log(i + ': ' +  obj[i])
        }
    }
     */ 
    Potree.settings.number = number || 't-o5YMR13'// 't-iksBApb'// 写在viewer前
    Potree.fileServer = fileServer
    webSite && (Potree.settings.webSite = webSite)
    
    
    let viewer = new Potree.Viewer(dom , mapDom);
    
    let Alignment = viewer.modules.Alignment
    
    
    //let pointDensity = config.pointDensity.middle
	viewer.setEDLEnabled(false);
    viewer.setFOV(config.view.fov);
    //viewer.setPointBudget(pointDensity.pointBudget);
    viewer.loadSettingsFromURL(); 
    
    
    
    if(!Potree.settings.isOfficial){ 
        viewer.loadGUI(() => {
            viewer.setLanguage('en');
            //$("#menu_appearance").next().show();
            $("#menu_tools").next().show();
            $("#menu_scene").next().show();
            //$("#siteModel").show();
            $("#alignment").show();
            viewer.toggleSidebar();
        });
        Potree.settings.sizeFitToLevel = true//当type为衰减模式时自动根据level调节大小。每长一级，大小就除以2
    }

    Potree.loadDatasetsCallback = function(data, ifReload){
        Potree.datasetData = data
        viewer.transform = null
        var datasetLength = data.length 
        var loaded = 0
        var loadDone = function(){//点云cloud.js加载完毕后 
            viewer.updateModelBound()
            let {boundSize, center} = viewer.bound
           
            Potree.Log(`中心点: ${math.toPrecision(center.toArray(),2)}, boundSize: ${math.toPrecision(boundSize.toArray(),2)} ` , null, 12)
            
            if(!ifReload){
                Potree.Images360Loader.load(viewer, {
                    boundSize: boundSize.clone(),
                    center: center.clone() 
                },  images360 => {
                    viewer.scene.add360Images(images360);
               
                    viewer.mapViewer.addListener(images360)
                    
                    {//初始位置
                        
                        var urlFirstView = false
                        var panoId = browser.urlHasValue('pano',true);
                        if(panoId != void 0){
                            var pos
                            var pano = viewer.images360.panos.find(e=>e.id==panoId);
                            if(pano){
                                viewer.images360.focusPano({
                                    pano,
                                    duration:0, 
                                    callback:()=>{/* Potree.settings.displayMode = 'showPanos' */}
                                })
                                  
                            }
                        }
                        
                    }
                    
                    
                    
                    viewer.addObjectTest()
                    
                    viewer.emit('allLoaded')
                });
                
            }
            Potree.loadMapEntity() //加载floorplan，不一定成功 
            
            if(!ifReload){
                viewer.scene.view.setView(//position, target
                    center.clone().add(new THREE.Vector3(10,5,10)), 
                    center
                )
                
                if(!Potree.settings.isOfficial){
                    setTimeout(//暂时延迟，等focus第一个点之后
                        ()=>{
                           // viewer.loadProject(Potree.scriptPath + "/data/t-iksBApb/potree.json5") 
                        },
                    500)
                }   
                
                viewer.dispatchEvent({type:'loadPointCloudDone'})
            
                if(!Potree.settings.UserPointDensity){
                    Potree.settings.UserPointDensity = 'middle' 
                }
                
                
                Potree.Log('loadPointCloudDone  点云加载完毕', null, 10)
            }    
             
            
            
            
        }
        
        
        
        var transformPointcloud = (pointcloud, dataset)=>{
            var locationLonLat = dataset.location.slice(0,2)
            //当只有一个dataset时，无论如何transform 点云和漫游点都能对应上。
            var location = viewer.transform.lonlatToLocal.forward(locationLonLat)  //transform.inverse()
            //初始化位置 
            pointcloud.matrixAutoUpdate = false   //最好禁止updateMatrix  直接使用matrixWorld
            pointcloud.orientationUser = 0  
            pointcloud.translateUser = new THREE.Vector3;
            
            viewer.sidebar && viewer.sidebar.addAlignmentButton(pointcloud) 
            
            //dataset.orientation = 0
            
            Alignment.rotate(pointcloud, null, dataset.orientation)   
            Alignment.translate(pointcloud, new THREE.Vector3(location[0], location[1], dataset.location[2])) 
            
            pointcloud.updateMatrixWorld()
            
            
            Potree.Log(`点云${pointcloud.dataset_id}旋转值:${pointcloud.orientationUser}, 位置${math.toPrecision(pointcloud.translateUser.toArray(),3)}, 经纬度 ${locationLonLat}, spacing ${pointcloud.material.spacing}`, null, 17 )
            
            
            //-------------------
             
            //viewer.mapView.showSources(false);  
        }
        
        data.forEach((dataset,index)=>{
            
            //dataset.location = [ 113.60182446595765,22.364155116865753,0]
            //dataset.orientation = -0.9
             
            if(!viewer.transform){//拿任意一个数据集作为基准。它的位置就会是000  （第一个数据集应该一直就是初始数据集吧？）
                var locationLonLat = dataset.location.slice(0,2)
                proj4.defs("NAVVIS:TMERC", "+proj=tmerc +ellps=WGS84 +lon_0=" + locationLonLat[0].toPrecision(15) + " +lat_0=" + locationLonLat[1].toPrecision(15));
                proj4.defs("WGS84", "+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs");
                //proj4.defs("pointcloud", viewer.getProjection()); //不用从cloud里拿了
            
                let transform1 = proj4("WGS84", "NAVVIS:TMERC"); //这个ok  TMERC是展开的平面投影
                let transform2 = proj4("+proj=tmerc +lat_0=0 +lon_0=123 +k=1 +x_0=500000 +y_0=0 +ellps=GRS80 +units=m +no_defs;");
                
                
                viewer.transform = {
                    lonlatToLocal : transform1,
                    lonlatTo4550 : transform2       // 转大地坐标EPSG:4550  
                } 
                // proj4(fromProjection, toProjection, coordinates)
                //let transform = proj4("WGS84", "pointcloud");
                viewer.mapViewer && viewer.mapViewer.mapLayer.maps[0].updateProjection()
                
            } 
            
            if(!ifReload){
                var cloudPath = `https://${Potree.config.urls.prefix}/${Potree.settings.webSite}/${number}/data/${dataset.name}/webcloud/cloud.js` 
                var timeStamp = dataset.createTime.replace(/[^0-9]/ig,'');  //每重算一次后缀随createTime更新一次 
                
                Potree.loadPointCloud(cloudPath, dataset.name , timeStamp, e => {
                    let scene = viewer.scene;
                    let pointcloud = e.pointcloud; 
                    let config = Potree.config.material
                    let material = pointcloud.material; 
                    
                    material.minSize =  config.minSize
                    material.maxSize =  config.maxSize   
                    material.pointSizeType = config.pointSizeType //Potree.PointSizeType[config.pointSizeType]//Potree.PointSizeType.ADAPTIVE;//FIXED
                    pointcloud.changePointSize(config.pointSize)  //material.size =  config.pointSize;
                    pointcloud.changePointOpacity(1)
                    material.shape = Potree.PointShape.SQUARE; 
                    pointcloud.color = pointcloud.material.color = dataset.color  
                    pointcloud.dataset_id = dataset.id;//供漫游点找到属于的dataset点云
                    pointcloud.timeStamp = timeStamp
                    pointcloud.panos = [] 
                    transformPointcloud(pointcloud,dataset)
                    scene.addPointCloud(pointcloud);
                    loaded ++;
                    if(loaded == datasetLength)loadDone()
                })
                
            }else{
                let pointcloud = viewer.scene.pointclouds.find(p => p.dataset_id == dataset.id)
                if(!pointcloud){
                    Potree.Log('数据集id变了,自动使用第一个','#500')
                    pointcloud = viewer.scene.pointclouds[0]
                }
                //先归零 
                Alignment.translate(pointcloud,  pointcloud.translateUser.clone().negate())
                Alignment.rotate(pointcloud, null,  - pointcloud.orientationUser)
                
                transformPointcloud(pointcloud, dataset)
                 
            } 
                
        })
        
        if(ifReload){ 
            
            loadDone()
        }
        
        
    } 
    
    
    
    Potree.loadDatasets(Potree.loadDatasetsCallback) 
     
     

    window.testTransform = function(locationLonLat, location1, location2){
        proj4.defs("NAVVIS:test", "+proj=tmerc +ellps=WGS84 +lon_0=" + locationLonLat[0].toPrecision(15) + " +lat_0=" + locationLonLat[1].toPrecision(15));
        
        let transform = proj4("WGS84", "NAVVIS:test"); //这个ok  navvis里也是这两种转换 见proj4Factory
        if(location1){//经纬度
            return transform.forward(location1) 
        }else{
            return transform.inverse(location2) 
        }            
        
    }       

    window.THREE = THREE
    window.buttonFunction = function(){
        /* 
        viewer.startScreenshot({type:'measure', measurement:viewer.scene.measurements[0]})
         */
        
        viewer.modules.RouteGuider.routeStart = new THREE.Vector3(0,0,-1.3)
        viewer.modules.RouteGuider.routeEnd = new THREE.Vector3(-10,0,-1.3)
          
        
    }
}
 
 
 
 
/* var changeLog = ()=>{ //如果移动端加了test反而出不来bug的话，用这个
        
    
        var textarea = document.createElement('textarea');
          textarea.id = "consoleLog";
          
          textarea.style.width = '160px';
          textarea.style.height =  '200px'
          textarea.style.position = 'fixed'
          textarea.style.right = 0
          textarea.style.bottom = '0'
          textarea.style['z-index'] = 9999;
          textarea.style.color = 'black';
          textarea.style.opacity = 0.9;
          textarea.style['font-size'] = '12px';
          textarea.style['backgroundColor'] = '#ffffff'
         
          

          document.getElementsByTagName("body")[0].appendChild(textarea);
          var list = ["log", "error", "warn", "debug", "info", "time", "timeEnd"]
          var exchange = function (o) {
            console["old" + o] = console[o];
            console[o] = function () {
              var args =   Array.from(arguments)
              console["old" + o].apply(this, arguments)
              var t = document.getElementById("consoleLog").innerHTML;
              
              var str = ''
              args.forEach(a=>{
                  str += a + ' '
              })
              document.getElementById("consoleLog").innerHTML = str + "\n\n" + t;
            }
          }

          for (var i = 0; i < list.length; i++) {
            exchange(list[i])
          } 
   
    
    
}
 
changeLog() */
 
 
 
 
 
export {start}



   /* 


坐标转换问题：

由于控制点可以随便输入，所以本地和地理位置的转换也是可拉伸的。而navvis的转换是等比由中心展开，
所以对比两种转化方式时误差较大。

另外地理注册控制点是有参考数据集的，若参考数据集和我放置在0,0,0的数据集一致，就可直接使用，否则要转换。



   */