potree-sdk/src/custom/start.js

import * as THREE from "../../libs/three.js/build/three.module.js";


 


import math from './utils/math.js' 
import browser from './utils/browser.js' 
import './three.shim.js'  
import "./potree.shim.js"
 

export function start(dom, mapDom, number ){ //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前
 
    
    if(browser.urlHasValue('google'))Potree.settings.mapCompany = 'google' 
    if(browser.urlHasValue('timing'))Potree.measureTimings = 1
    
    let viewer = new Potree.Viewer(dom , mapDom);
    
    let Alignment = viewer.modules.Alignment
    
    
  
	viewer.setEDLEnabled(false);
    viewer.setFOV(Potree.config.view.fov); 
    //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.settings.rotAroundPoint = false
        if(/* Potree.settings.isTest && */ browser.isMobile()){
            changeLog()
        }
    }  

    Potree.loadDatasetsCallback = function(data, ifReload){
        if(!data || data.length == 0)return console.error('getDataSet加载的数据为空')
     
        Potree.datasetData = data
        viewer.transform = null
        var datasetLength = data.length 
        var pointcloudLoaded = 0
        var panosLoaded = 0
        var pointcloudLoadDone = function(){//点云cloud.js加载完毕后 
        }
         
         
        var panosLoadDone = function(){   
             
            viewer.images360.loadDone() 
            viewer.scene.add360Images(viewer.images360); 
            viewer.mapViewer.addListener(viewer.images360)
            
            viewer.updateModelBound() //需等pano加载完
          
            let {boundSize, center} = viewer.bound
           
             
            if(!Potree.settings.isOfficial){
                Potree.loadMapEntity('all') //加载floorplan 
            }
            
            
            if(!ifReload){    
                viewer.dispatchEvent({type:'loadPointCloudDone'})
            
                if(!Potree.settings.UserPointDensity){
                    Potree.settings.UserPointDensity = 'high'//'middle' 
                }                                            
                 
                Potree.Log('loadPointCloudDone  点云加载完毕', {font:[null, 10]})  
            }      
             
            
            {//初始位置 
               
                var panoId = browser.urlHasValue('pano',true);
                if(panoId !== ''){
                    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' */}
                        })
                          
                    }
                }else{//考虑到多数据集距离很远，或者像隧道那种场景，要使视野范围内一定能看到点云，最好初始点设置在漫游点上
                    
                    let {boundSize, center} = viewer.bound
                    
                    let pano = viewer.images360.findNearestPano(center)
                     
                    pano && viewer.images360.flyToPano({
                        pano,  duration:0,
                        target : viewer.images360.bound.center.setZ(pano.position.z)    //平视中心区域（但也不能保证这个方向一定能看到点云密集区，如果在边缘的话）  
                    }) 
                } 
            }
            
            
            
            viewer.addVideo()//addFire()
            
            console.log('allLoaded')
            viewer.dispatchEvent('allLoaded')
        }
        
        var transformPointcloud = (pointcloud, dataset)=>{
            var locationLonLat = dataset.location.slice(0,2)
             
           
            //当只有一个dataset时，无论如何transform 点云和漫游点都能对应上。
            
            /* if(window.AMapWith84 && Potree.settings.mapCompany != 'google'){
                 locationLonLat = AMapWith84.wgs84ToAMap({x:locationLonLat[0], y:locationLonLat[1]})
                  
                locationLonLat = [locationLonLat.x,locationLonLat.y] 
            } */
            
            var location = viewer.transform.lonlatToLocal.forward(locationLonLat)  //transform.inverse()
            //初始化位置 
            
            /* 
            location[0] = Math.sign(location[0]) * Math.min(7000, Math.abs(location[0]))
            location[1] = Math.sign(location[1]) * Math.min(7000, Math.abs(location[1]))
             */
            
            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.name})旋转值:${pointcloud.orientationUser}, 位置${math.toPrecision(pointcloud.translateUser.toArray(),3)}, 经纬度 ${locationLonLat}, spacing ${pointcloud.material.spacing}`,  {font:[null, 13]} )
            
            
            //-------------------
             
            //viewer.mapView.showSources(false);  
        }
        
        if(!Potree.settings.originDatasetId)Potree.settings.originDatasetId = data[0].id
        var originDataset =  data.find(e=>e.id == Potree.settings.originDatasetId)  
        
        {//拿初始数据集作为基准。它的位置是000
            var locationLonLat = originDataset.location.slice(0,2)
            
            if(window.AMapWith84){//需要转换为高德的
                locationLonLat = AMapWith84.wgs84ToAMap({x:locationLonLat[0], y:locationLonLat[1]})
                locationLonLat = [locationLonLat.x,locationLonLat.y] 
            } 
            
            proj4.defs("LOCAL", "+proj=tmerc +ellps=WGS84 +lon_0=" + locationLonLat[0].toPrecision(15) + " +lat_0=" + locationLonLat[1].toPrecision(15)); //高德坐标系
            proj4.defs("LOCAL_MAP", "+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");
             
            let transform1 = proj4("WGS84", "LOCAL"); //这个ok 是展开的平面投影  LOCAL即NAVVIS: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;");
            //注：转入后再转出，和原来的有偏差。如果输入是local坐标，数字越大偏差越大，当百万时就明显了。如果是lonlat，很奇怪经度小于50时就乱了。
            viewer.transform = {
                lonlatToLocal : transform1,
                lonlatTo4550 : transform2       // 转大地坐标EPSG:4550  
            } 
            
            if(window.AMapWith84 && Potree.settings.mapCompany != 'google'){//需要转换, 因本地高德用的lonlat和数据里的84不一样. （google地图在国内也用的高德，国外84）
                let change = (transform)=>{
                    let forward = transform.forward
                    let inverse = transform.inverse;
                    
                    transform.forward = function(e){
                         let needTran = e.x == void 0 
                         if(needTran)var a1 = {x:e[0],y:e[1]}
                         else var a1 = e
                         var a = AMapWith84.wgs84ToAMap(a1)
                         if(needTran){
                             a = [a.x, a.y];  e[2] != void 0 && (a[2] = e[2])
                         }else{
                             e.z != void 0 && (a.z = e.z)
                         }       
                         return  forward(a)
                    }
                    
                    transform.inverse = function(e){
                        let needTran = e.x == void 0
                        var a = inverse(e)
                        needTran && (a = {x:a[0],y:a[1]})
                        a = AMapWith84.aMapToWgs84(a)  
                        
                        if(needTran){
                            a = [a.x,a.y];  e[2] != void 0 && (a[2] = e[2])
                        }else{
                            e.z != void 0 && (a.z = e.z)
                        } 
                        return a
                        
                    } 
                     
                }
                for(let f in viewer.transform){
                    change(viewer.transform[f]) 
                }   
            }
            
            
            
            viewer.mapViewer && viewer.mapViewer.mapLayer.maps[0].updateProjection()
            
            
            
        }
         
        
        data.forEach((dataset,index)=>{  
            if(!ifReload){
                var datasetCode = dataset.sceneCode || dataset.name //对应4dkk的场景码
                //var cloudPath = `${Potree.settings.urls.prefix1}/${Potree.settings.webSite}/${datasetCode}/data/${datasetCode}/webcloud/cloud.js` 
                var cloudPath = `${Potree.settings.urls.prefix1}/${dataset.webBin}`  //webBin添加原因：每次裁剪之类的操作会换路径，因为oss文件缓存太严重，更新慢
                
                var timeStamp = dataset.updateTime ? dataset.updateTime.replace(/[^0-9]/ig,'') : '';  //每重算一次后缀随updateTime更新一次 
                //console.warn(dataset.name, 'timeStamp', timeStamp)
                Potree.loadPointCloud(cloudPath, dataset.name ,datasetCode, timeStamp, e => {
                    let scene = viewer.scene;
                    let pointcloud = e.pointcloud; 
                    let config = Potree.config.material
                    let material = pointcloud.material; 
                    
                    
                    pointcloud.datasetData = dataset
                    pointcloud.dataset_id = dataset.id;//供漫游点找到属于的dataset点云
                    pointcloud.hasDepthTex = Potree.settings.useDepthTex && (!!dataset.has_depth  ||  Potree.settings.isLocalhost && Potree.settings.number == 'SS-t-7DUfWAUZ3V') //test   
                    material.minSize =  config.minSize
                    material.maxSize =  config.maxSize   
                    material.pointSizeType =/*   Potree.settings.isOfficial ?   */ config.pointSizeType    /* : 'ADAPTIVE'    */   //Potree.PointSizeType[config.pointSizeType]//Potree.PointSizeType.ADAPTIVE;//FIXED
                    pointcloud.changePointSize(config.realPointSize)  //material.size =  config.pointSize;
                    pointcloud.changePointOpacity(1)
                    material.shape = Potree.PointShape.SQUARE; 
                    pointcloud.color = pointcloud.material.color = dataset.color  
                    pointcloud.timeStamp = timeStamp 
                    transformPointcloud(pointcloud,dataset)
                    scene.addPointCloud(pointcloud);
                    
                    if(!Potree.settings.isOfficial){ 
                        Potree.settings.floorplanEnables[dataset.id] = true
                        Potree.settings.floorplanType[dataset.id] = 'default'
                    }
                    
                    
                    pointcloudLoaded ++;
                    if(pointcloudLoaded == datasetLength)pointcloudLoadDone()
                    
                    
                
                    Potree.loadPanos(dataset.id, (data) => { 
                        //console.log('loadPanos',dataset.sceneCode, dataset.id, data)
                        viewer.images360.addPanoData(data, dataset.id )
                        panosLoaded ++; 
                        if(panosLoaded == datasetLength){
                            panosLoadDone() 
                        } 
                    })
                })
            }else{
                let pointcloud = viewer.scene.pointclouds.find(p => p.dataset_id == dataset.id)
                if(!pointcloud){
                    Potree.Log('数据集id变了,自动使用第一个',   {font:['#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()
        }
        
        
    } 
    
    
    
    number && 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.scene.pointclouds.forEach(e=>e.predictNodeMaxLevel())
               
        
        
        /* 
        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)
       */
        
    }
    
    
    if(Potree.settings.isLocalhost){
        let before = {}
        viewer.inputHandler.addEventListener('keydown',e=>{ //测试的代码
            if(e.event.key == 't'){
                viewer.images360.cube.visible = true
                viewer.images360.cube.material.wireframe = true
            }else if(e.event.key == 'y'){
                viewer.images360.cube.material.wireframe = false
                viewer.images360.cube.visible = Potree.settings.displayMode == 'showPanos'
            }                
        }) 
        
    }  
    
    
    
    
    
    //--------------------------------
    if(!number){
        Potree.settings.boundAddObjs = true
        Potree.settings.intersectOnObjs = true
        
        // Load untextured bunny from ply
        viewer.loadModel({
            fileType:'ply',
            url:Potree.resourcePath + "/models/indoor.ply",
            name:'test',
            },
            (object)=>{
                object.isModel = true
                viewer.updateModelBound()
            }
        )  
  
    }
    
    
    
    
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
//=======================================================================
/* 
            漫游点编辑
 */
//=======================================================================


export function panoEditStart(dom, number, fileServer){
    Potree.settings.editType = 'pano'
    Potree.settings.number = number 
    
    Potree.settings.unableNavigate = true
    Potree.settings.sizeFitToLevel = true//当type为衰减模式时自动根据level调节大小。每长一级，大小就除以2
     
    
    let viewer = new Potree.Viewer(dom); 
    let Alignment = viewer.modules.Alignment
	viewer.setEDLEnabled(false);
    viewer.setFOV(Potree.config.view.fov); 
    //viewer.loadSettingsFromURL(); 
    let datasetLoaded = 0;
  
    if(!Potree.settings.isOfficial){ 
        viewer.loadGUI(() => {
            viewer.setLanguage('en'); 
            $("#menu_tools").next().show();
            $("#panos").show();
            $("#alignment").show(); 
            viewer.toggleSidebar();
        }); 
        Potree.settings.sizeFitToLevel = true 
    }
    
    var pointcloudLoadDone = function( ){//所有点云cloud.js加载完毕后 
         
        
        
        viewer.scene.pointclouds.forEach(c=>{
            transformPointcloud(c)
        })
        viewer.images360.loadDone() 
        viewer.scene.add360Images(viewer.images360); 
        
        viewer.updateModelBound()
        let {boundSize, center} = viewer.bound
       
        Potree.Log(`中心点: ${math.toPrecision(center.toArray(),2)}, boundSize: ${math.toPrecision(boundSize.toArray(),2)} ` , {font:[null, 12]} )
          
        viewer.scene.view.setView({ 
            position: center.clone().add(new THREE.Vector3(10,5,10)), 
            target: center
        })
         
        viewer.dispatchEvent({type:'loadPointCloudDone'})
    
        if(!Potree.settings.UserPointDensity){
            Potree.settings.UserPointDensity = 'panoEdit'//'middle' 
        }
         
        Potree.Log('loadPointCloudDone  点云加载完毕',{font:[null, 10]})  
        
        viewer.dispatchEvent('allLoaded');
    }
    
    
    var transformPointcloud = (pointcloud )=>{ //初始化位置  
        viewer.sidebar && viewer.sidebar.addAlignmentButton(pointcloud) 
         
        let orientation =  pointcloud.panos[0].dataRotation.z + Math.PI
        
        let location = pointcloud.panos[0].dataPosition.clone()//.negate()
        
        Alignment.rotate(pointcloud, null,  orientation  )   
        Alignment.translate(pointcloud, location )  
        
        pointcloud.updateMatrixWorld()
          
    }   
     
     
     
         
    
    let loadPanosDone = Potree.loadPanosDone = (datasetId, panoData )=>{ //一个数据集获取到它的panos后
        
        Potree.settings.datasetsPanos[datasetId] = {panoData, panos:[]}
         
        console.log('panoData', datasetId, panoData)
        
        let panoCount = panoData.length
        let pointcloudLoaded = 0
        
        let datasetsCount = Object.keys(Potree.settings.datasetsPanos).length
       
       
        panoData.forEach((pano, index)=>{
            //let cloudPath = `${Potree.scriptPath}/data/panoEdit/uuidcloud/${pano.uuid}/cloud.js` 
            let cloudPath = `${Potree.settings.urls.prefix1}/${Potree.settings.webSite}/${Potree.settings.number}/data/bundle_${Potree.settings.number}/building/uuidcloud/${pano.uuid}/cloud.js`
            
            let name = datasetId + '-'+pano.uuid
            let timeStamp = 0
            pano.index = index //注意：index不等于uuid，因为有的uuid缺失。但是visibles中存的是下标！ 
            
            Potree.loadPointCloud(cloudPath, name , 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 = /* 'ADAPTIVE'// */config.pointSizeType //Potree.PointSizeType[config.pointSizeType]//Potree.PointSizeType.ADAPTIVE;//FIXED
                pointcloud.changePointSize( 0.1 /* config.realPointSize  */   )  //material.size =  config.pointSize;
                pointcloud.changePointOpacity(1)
                material.shape = Potree.PointShape.SQUARE; 
                pointcloud.color = config.pointColor  
                pointcloud.dataset_id = datasetId;   //多个点云指向一个datasetId
                pointcloud.panoUuid = pano.uuid
                pointcloud.timeStamp = timeStamp
                  
                //transformPointcloud(pointcloud, pano)
                scene.addPointCloud(pointcloud);
                pointcloudLoaded ++;
                 
                if(pointcloudLoaded == panoCount ){
                    datasetLoaded ++
                    viewer.images360.addPanoData(panoData ,  datasetId )
                    if(datasetLoaded == datasetsCount){
                        pointcloudLoadDone()
                    }
                    
                }
                
            })
            
        })
        
    }
    
    if(!Potree.settings.isOfficial){ 
        Potree.settings.datasetsPano = {'testDataset':null}
        Potree.loadPanosInfo( data=>{loadPanosDone('testDataset',  data.sweepLocations)} )  
    
    }
    
}



  

export function mergeEditStart(dom){
    Potree.settings.editType = 'merge' 
    Potree.settings.intersectOnObjs = true
    Potree.settings.boundAddObjs = true
    Potree.settings.unableNavigate = true
   
    
    
    let viewer = new Potree.Viewer(dom );
   
    let Alignment = viewer.modules.Alignment
     
	viewer.setEDLEnabled(false);
    viewer.setFOV(Potree.config.view.fov); 
    //viewer.loadSettingsFromURL(); 
    { 
        viewer.mainViewport.view.position.set(30,30,30) 
        viewer.mainViewport.view.lookAt(0,0,0)
        
        viewer.updateModelBound()//init
        //this.bound = new THREE.Box3(new THREE.Vector3(-1,-1,-1),new THREE.Vector3(1,1,1))
        
        viewer.transformationTool.setModeEnable(['translation','rotation'] )
        viewer.ssaaRenderPass.sampleLevel = 1 //  sampleLevel为1 的话，ground就不会变黑
        
        viewer.inputHandler.fixSelection = true //不通过点击屏幕而切换transfrom选中状态
  
    }
    
    Potree.settings.sizeFitToLevel = true//当type为衰减模式时自动根据level调节大小。每长一级，大小就除以2
    Potree.loadPointCloudScene = function(url, type, id, title, done, onError){//对应4dkk的场景码
          
        let loadCloud = ({cloudPath, sceneName, sceneCode, timeStamp, color } )=>{
            
            Potree.loadPointCloud(cloudPath, sceneName , sceneCode, 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.realPointSize)  //material.size =  config.pointSize;
                pointcloud.changePointOpacity(1)
                material.shape = Potree.PointShape.SQUARE; 
                color && (pointcloud.color = pointcloud.material.color = color)     
                pointcloud.timeStamp = timeStamp 
                //transformPointcloud(pointcloud, originDataset)
                scene.addPointCloud(pointcloud);
                 
                
                {
                    
                    viewer.updateModelBound()
                    let {boundSize, center} = viewer.bound
                    viewer.dispatchEvent({type:'loadPointCloudDone'})
                    if(!Potree.settings.UserPointDensity){
                        Potree.settings.UserPointDensity = 'high'//'middle' 
                    }
                     
                    Potree.Log('loadPointCloudDone  点云加载完毕',  {font:[null,10] })    
                } 
                    
                /* Potree.loadPanos(dataset.id, (data) => { //暂时不加载panos了，因为没有id 
                //console.log('loadPanos',dataset.sceneCode, dataset.id, data)
                viewer.images360.addPanoData(data, dataset.id ) 
                viewer.images360.loadDone() 
                viewer.scene.add360Images(viewer.images360);    */   
                viewer.dispatchEvent('allLoaded')
                done(pointcloud)
            },onError) 
            
            
        }
        
        if(type == 'laser'){ 
            let sceneCode = url
            Potree.loadDatasets((data)=>{ 
                let originDataset = data.find(e=>e.sceneCode == sceneCode);//只加载初始数据集  
                let timeStamp = originDataset.updateTime ? originDataset.updateTime.replace(/[^0-9]/ig,'') : '';  //每重算一次后缀随updateTime更新一次 
                //let cloudPath = `${Potree.settings.urls.prefix1}/${Potree.settings.webSite}/${sceneCode}/data/${sceneCode}/webcloud/cloud.js` 
                let cloudPath = `${Potree.settings.urls.prefix1}/${originDataset.webBin}`  //webBin添加原因：每次裁剪之类的操作会换路径，因为oss文件缓存太严重，更新慢
                
                loadCloud({cloudPath, sceneName:originDataset.sceneName, sceneCode, timeStamp, color:originDataset.color})
            }, sceneCode, onError)
        
        }else{//las or ply  直接用url
            let name = type + '|' + id + '|' + title
             
            if(url instanceof Array){
                if(url.length == 1){
                    url = url[0]
                }else{
                    console.error('有多个点云？暂时还不支持', url, name)//多个点云要一起移动没想好怎么写
                }      
            }
            
            let cloudPath = url + '/cloud.js' 
            loadCloud({cloudPath, sceneName:name, sceneCode:name, timeStamp:'' })
        }   
         
    } 
    
    
    
    
    
    
    
    let setMatrix = (pointcloud)=>{//为了漫游点变换，要算一下 类似setMatrix
                  
        /* pointcloud.transformMatrix = new THREE.Matrix4().multiplyMatrices(pointcloud.matrix, pointcloud.pos1MatrixInvert)//还原一点位移
        pointcloud.transformInvMatrix.copy(pointcloud.transformMatrix).invert()
        
        pointcloud.rotateMatrix = new THREE.Matrix4().makeRotationFromEuler(pointcloud.rotation);
        pointcloud.rotateInvMatrix.copy(pointcloud.rotateMatrix).invert()
        pointcloud.panos.forEach(e=>e.transformByPointcloud()) */
        //pointcloud.updateBound()
        //pointcloud.getPanosBound()  
        viewer.updateModelBound()
    } 

    let moveModel = (e)=>{//根据鼠标移动的位置改变位置
          
        let camera = viewer.mainViewport.camera
        var origin = new THREE.Vector3(e.pointer.x, e.pointer.y, -1).unproject(camera),
        end = new THREE.Vector3(e.pointer.x, e.pointer.y, 1).unproject(camera)
        var dir = end.sub(origin)
        let planeZ = 0;
        let r = (planeZ - origin.z)/dir.z
        let x = r * dir.x + origin.x
        let y = r * dir.y + origin.y
        
        //过后改为根据intersect的点来设置底部高度；这样的话，需要发送高度
        
        /*let pos = new THREE.Vector3(x,y,  planeZ  )
         modelEditing.updateMatrixWorld()   
        let boundCenter = modelEditing.boundingBox.getCenter(new THREE.Vector3).applyMatrix4(modelEditing.matrixWorld);
         */
        MergeEditor.moveBoundCenterTo(modelEditing,new THREE.Vector3(x,y, modelEditing.boundCenter.z))  //使模型中心的xy在鼠标所在位置
         
        modelEditing.dispatchEvent("position_changed") 
         
    }
    let cancelMove = ()=>{ 
        modelEditing = null
        viewer.removeEventListener('global_mousemove', moveModel); 
        viewer.removeEventListener('global_click', confirmPos); 
    }
    let confirmPos = ()=>{ 
        MergeEditor.focusOn(modelEditing)
        cancelMove()  
        return {stopContinue:true}
    }
    
     
    
    let modelType,  modelEditing, MergeEditor = viewer.modules.MergeEditor
    Potree.addModel = function(prop, done, onProgress, onError){ //加载模型
         
    
        let loadDone = (model)=>{ 
            model.dataset_id = prop.id //唯一标识
             
            if(prop.position){
                model.position.copy(prop.position)
            }
            if(prop.rotation){
                //model.rotation.setFromVector3(prop.rotation) 
                model.rotation.copy(prop.rotation) 
            }
            if(prop.scale){
                model.scale.set(prop.scale,prop.scale,prop.scale)
            }
              
            if(model.isPointcloud){
                model.renderOrder = Potree.config.renderOrders.model;  //same as glb
            }
            
            if(Potree.settings.maintainBtmZ) 
            {//transform --------维持离地高度和中心点的版本(local ver)
                let updateBound = ()=>{ 
                    model.updateMatrixWorld()
                    viewer.updateModelBound() 
                }  
                let maintainBtmZAndCenter = ()=>{ 
                    MergeEditor.maintainBoundXY(model)
                    MergeEditor.setModelBtmHeight(model) 
                    updateBound()
                    model.dispatchEvent('transformChanged')  
                }
                model.addEventListener('position_changed', ()=>{
                    updateBound()
                    MergeEditor.getBoundCenter(model);//更新boundcenter
                    MergeEditor.computeBtmHeight(model)
                    if(prop.bottomRange && (model.btmHeight > prop.bottomRange.max || model.btmHeight < prop.bottomRange.min)){
                        model.btmHeight = THREE.Math.clamp(model.btmHeight, prop.bottomRange.min, prop.bottomRange.max)
                        MergeEditor.setModelBtmHeight(model)
                        updateBound()
                    }  
                    model.dispatchEvent('transformChanged') 
                })
                model.addEventListener("rotation_changed", maintainBtmZAndCenter )
                model.addEventListener("scale_changed", maintainBtmZAndCenter )
                model.addEventListener('transformChanged', ()=>{
                    MergeEditor.modelTransformCallback(model)
                })
                //离地高度只是boundingbox在transform后的最低点的高度，而非模型transform后的最低点的高度，所以旋转过后看起来不太准确
            } else
            
            {//transform --------维持中心点的版本
                let updateBound = ()=>{ 
                    model.updateMatrixWorld()
                    viewer.updateModelBound() 
                }  
                let maintainCenter = ()=>{ 
                    //MergeEditor.maintainBoundXY(model) 
                    MergeEditor.maintainBoundCenter(model) 
                    updateBound()
                    model.dispatchEvent('transformChanged')  
                }
                model.addEventListener('position_changed', ()=>{
                    updateBound()
                    MergeEditor.getBoundCenter(model);//更新boundcenter
            
                    model.dispatchEvent('transformChanged') 
                })
                model.addEventListener("rotation_changed", maintainCenter )
                model.addEventListener("scale_changed", maintainCenter )
                model.addEventListener('transformChanged', ()=>{
                    MergeEditor.modelTransformCallback(model)
                })
            
            } 
            
            model.updateMatrixWorld()
            viewer.updateModelBound()
            
            MergeEditor.getBoundCenter(model) //初始化
            model.lastMatrixWorld = model.matrixWorld.clone()
            
            done(model) // 先发送成功，因为2d界面会随机执行changePosition等初始化，然后这边再将模型移到中心地面上
            
            
            if(prop.isFirstLoad){
                
                MergeEditor.moveBoundCenterTo(model, new THREE.Vector3(0,0,0))  
                MergeEditor.setModelBtmHeight(model, 0) //初始加载设置离地高度为0
                
                if(prop.mode != 'single'){//如果不是模型展示页，模型会随着鼠标位置移动 
                    modelEditing = model;
                    /* if(model.fileType == '3dTiles'){
                        setTimeout(()=>{
                            moveModel({pointer:{x:0,y:0}}) //3dTiles的移动会错乱，先默认放在当前视图中间吧 
                            confirmPos()
                        },1)
                    }else{ */
                        viewer.addEventListener('global_mousemove', moveModel); 
                        viewer.addEventListener('global_click', confirmPos, {importance:3});
                    //} 
                }
                model.dispatchEvent("position_changed") 
            }else{
                //MergeEditor.setModelBtmHeight(model, prop.bottom || 0) //默认离地高度为0
                modelEditing = null
            }
            
            
            MergeEditor.modelAdded(model)
            
        }
        
         
        
        
        if(prop.type == 'glb'){ 
        
            let callback = (object)=>{
                //focusOnSelect(object, 1000)  
                object.isModel = true
                //object.dataset_id = Date.now() //暂时
                
                object.traverse(e=>e.material && (e.material.transparent = true))
              
                /* object.addEventListener('click',(e)=>{
                    //只是为了能得到hoverElement识别才加这个侦听
                }) */
                 
                loadDone(object)
            }
            
             
            let info = { 
                fileType: prop.type, 
                id: prop.id,
                unlit:true,
                url : prop.url,
                name : prop.title,
                /* transform : { 
                    position : prop.position,
                    rotation : new THREE.Euler().setFromVector3(prop.rotation), 
                    scale: new THREE.Vector3(prop.scale,prop.scale,prop.scale),        
                }  */               
            }    
              
            viewer.loadModel(info , callback, onProgress, onError)
            
            
            
        }else if(prop.type == 'obsg' || prop.type == 'b3dm'){  //3d tiles  
        
            let callback = (object)=>{
                 
                object.isModel = true 
                //透明度怎么办
                //object.traverse(e=>e.material && (e.material.transparent = true))
                
                loadDone(object)
            }
        
            viewer.loadModel({ 
                fileType: '3dTiles', 
                id: prop.id,
                name : prop.title,
                /* tilesUrl: 'https://4dkk.4dage.com/scene_view_data/SS-Ds19qsmuFA/images/3dtiles/tileset.json',
                transform : { 
                    rotation : [Math.PI/2,  0,   0],
                    position : [0,0,0]  
                }  

                  tilesUrl: 'https://testgis.4dage.com/LVBADUI_qp/tileset.json',
                transform : { 
                    rotation : [0,  0,   0],
                    position : [0,0,0]  
                }  */
                
                url:prop.url,
                
            },callback,onprogress)
        
            
        }else{  
            
             //else if(prop.type == 'las' || prop.type == 'ply')
 
            Potree.loadPointCloudScene(prop.url, prop.type, prop.modelId, prop.title, (pointcloud)=>{  
                pointcloud.matrixAutoUpdate = true
                pointcloud.initialPosition = pointcloud.position.clone()
                
                pointcloud.pos1MatrixInvert = new THREE.Matrix4().setPosition(pointcloud.initialPosition).invert()
                
                /* let maintainBtmZ = ()=>{
                    MergeEditor.setModelBtmHeight(pointcloud)
                    updateMatrix()
                }
                let updateMatrix = ()=>{ 
                    setMatrix(pointcloud) 
                    pointcloud.dispatchEvent('transformChanged')
                }
                pointcloud.addEventListener('position_changed', updateMatrix )  
                pointcloud.addEventListener("orientation_changed", maintainBtmZ )
                pointcloud.addEventListener("scale_changed", maintainBtmZ ) */
                
                loadDone(pointcloud)
                /* pointcloud.addEventListener('select',(e)=>{
                    if(Potree.settings.displayMode == 'showPanos')return
                    console.log('select',e) 
                    //viewer.setControls(viewer.orbitControls) 
                    MergeEditor.focusOnSelect(pointcloud) 
                    
                    viewer.outlinePass.selectedObjects = [pointcloud]
                    return {stopContinue:true}
                },{importance:1})
                pointcloud.addEventListener('deselect',(e)=>{
                    console.log('deselect',e) 
                    //viewer.setControls(viewer.fpControls)  
                    viewer.outlinePass.selectedObjects = []
                }) */
                
            }, onError)
        
             
            
            
        }
    }
    return {THREE}
}
 
 
 
 
 
 
 
 
var changeLog = ()=>{  
         
    var textarea = document.createElement('textarea');
    textarea.id = "consoleLog";

    textarea.style.width = '160px';
    textarea.style.height =  '200px'
    textarea.style.position = 'fixed'
    textarea.style.left = 0
    textarea.style.bottom = '50px'
    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])
    } 
   
    
    
}
 
 
 
 
 
 

   /* 


坐标转换问题：

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

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



---------

lonlat和空间坐标其实并非线性关系，因为lonlat其实是角度。当两个数据集在地球两端时，它们之间的夹角都相差180度了。
所以若要准确展示的话，需要将点云内所有物体，如漫游点，都先获取lonlat再去算local。或者直接将点云整体的transformMatrix考虑上在地球上相对于初始数据集的偏转。


   */