start.js 65 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444
  1. import * as THREE from "../../libs/three.js/build/three.module.js";
  2. import math from './utils/math.js'
  3. import browser from './utils/browser.js'
  4. import './three.shim.js'
  5. import "./potree.shim.js"
  6. window.THREE = THREE
  7. let baseZ = 0 //所以数据集高度都要减去这个值。在laser场景里该值为初始数据集的高程
  8. Potree.datasetData = []
  9. var transformPointcloud = (pointcloud, dataset)=>{
  10. var locationLonLat = dataset.location.slice(0,3) // [lon,lat,高程海拔]
  11. //当只有一个dataset时,无论如何transform 点云和漫游点都能对应上。
  12. var location = viewer.transform.lonlatToLocal.forward(locationLonLat) //transform.inverse()
  13. //初始化位置
  14. viewer.sidebar && viewer.sidebar.addAlignmentButton(pointcloud)
  15. //dataset.orientation = 0
  16. let Alignment = viewer.modules.Alignment
  17. Alignment.rotate(pointcloud, null, dataset.quaternion?.length == 4 ? dataset.quaternion : dataset.orientation)
  18. Alignment.translate(pointcloud, new THREE.Vector3(location[0], location[1], dataset.location[2]-baseZ)) //要使初始数据集的z为0,所以要减去初始数据集的z
  19. pointcloud.updateMatrixWorld()
  20. Potree.Log(`点云${pointcloud.dataset_id}(${pointcloud.name})旋转值: qua ${dataset.quaternion||''}、orient ${ math.toPrecision(dataset.orientation,3) },
  21. 位置${math.toPrecision(pointcloud.translateUser.toArray(),3)}, 经纬度 ${dataset.location}, spacing ${pointcloud.material.spacing}`,{font:{color:"#f49",fontSize:13}} )
  22. }
  23. export function start(dom, mapDom, number ){ //t-Zvd3w0m
  24. /* {
  25. let obj = JSON.parse(localStorage.getItem('setting'))
  26. for(let i in obj){
  27. console.log(i + ': ' + obj[i])
  28. }
  29. }
  30. */
  31. console.log('2024.9')
  32. Potree.settings.number = number || 't-o5YMR13'// 't-iksBApb'// 写在viewer前
  33. if(!Potree.settings.isOfficial){
  34. if(/* Potree.settings.isTest && */ browser.isMobile()){
  35. changeLog()
  36. }
  37. }
  38. if(browser.urlHasValue('google'))Potree.settings.mapCompany = 'google'
  39. if(browser.urlHasValue('timing'))Potree.measureTimings = 1
  40. let viewer = new Potree.Viewer(dom , mapDom);
  41. let Alignment = viewer.modules.Alignment
  42. viewer.setEDLEnabled(false);
  43. viewer.setFOV(Potree.config.view.fov);
  44. //viewer.loadSettingsFromURL();
  45. Potree.settings.cameraFar = Potree.config.view.far
  46. if(!Potree.settings.isOfficial){
  47. viewer.loadGUI(() => {
  48. viewer.setLanguage('en');
  49. //$("#menu_appearance").next().show();
  50. $("#menu_tools").next().show();
  51. $("#menu_scene").next().show();
  52. $("#siteModel").show();
  53. //$("#alignment").show();
  54. viewer.toggleSidebar();
  55. });
  56. Potree.settings.sizeFitToLevel = true//当type为衰减模式时自动根据level调节大小。每长一级,大小就除以2
  57. Potree.settings.rotAroundPoint = false
  58. }
  59. Potree.loadDatasetsCallback = function(data, ifReload){
  60. if(!data || data.length == 0)return console.error('getDataSet加载的数据为空')
  61. Potree.datasetData = data
  62. viewer.transform = null
  63. var datasetLength = data.length
  64. var pointcloudLoaded = 0
  65. var panosLoaded = 0
  66. var pointcloudLoadDone = function(){//点云cloud.js加载完毕后
  67. }
  68. var panosLoadDone = function(){
  69. viewer.images360.loadDone()
  70. viewer.scene.add360Images(viewer.images360);
  71. viewer.mapViewer.addListener(viewer.images360)
  72. viewer.updateModelBound() //需等pano加载完
  73. let {boundSize, center} = viewer.bound
  74. if(!Potree.settings.isOfficial){
  75. Potree.loadMapEntity('all') //加载floorplan
  76. }
  77. Potree.loadNeighborFile()
  78. Potree.setNeighborGui();
  79. if(!ifReload){
  80. viewer.dispatchEvent({type:'loadPointCloudDone'})
  81. if(!Potree.settings.UserPointDensity){
  82. Potree.settings.UserPointDensity = 'high'//'middle'
  83. }
  84. Potree.Log('loadPointCloudDone 点云加载完毕' )
  85. }
  86. {//初始位置
  87. var panoId = browser.urlHasValue('pano',true);
  88. if(panoId !== ''){
  89. var pos
  90. var pano = viewer.images360.panos.find(e=>e.id==panoId);
  91. if(pano){
  92. viewer.images360.focusPano({
  93. pano,
  94. duration:0,
  95. callback:()=>{/* Potree.settings.displayMode = 'showPanos' */}
  96. })
  97. }
  98. }else{//考虑到多数据集距离很远,或者像隧道那种场景,要使视野范围内一定能看到点云,最好初始点设置在漫游点上
  99. let {boundSize, center} = viewer.bound
  100. let pano = viewer.images360.findNearestPano(center)
  101. if(pano){
  102. viewer.images360.flyToPano({
  103. pano, duration:0,
  104. target : viewer.images360.bound.center.setZ(pano.position.z) //平视中心区域(但也不能保证这个方向一定能看到点云密集区,如果在边缘的话)
  105. })
  106. }else{// 无漫游点 避免加载时看不到点云 SG-t-DXmdymgZ2sX SG-t-rVB03a5GXr8
  107. //SG-t-XPf1k9pv3Zg 总有极端的场景,如这是倾斜的桥 - -, 只能调整为看到全局了
  108. viewer.mainViewport.view.pitch = -0.7 //相对俯视
  109. let bound = viewer.bound.boundingBox.clone()
  110. viewer.focusOnObject({boundingBox:bound},'boundingBox',0,{dontChangeCamDir:true})
  111. if(viewer.bound.boundSize.length() > 20){ //否则有可能超出far范围
  112. viewer.mainViewport.camera.far = 10000;
  113. viewer.mainViewport.camera.updateProjectionMatrix()
  114. viewer.fixCamFar = true //不允许修改camera.far
  115. //等有点云加载出来后,再去focus其中一个,使camera.far不超过最大值
  116. let count_ = 0;
  117. let done = ()=>{
  118. viewer.fixCamFar = false
  119. viewer.mainViewport.camera.far = Potree.settings.cameraFar;
  120. viewer.mainViewport.camera.updateProjectionMatrix()
  121. viewer.removeEventListener('pageVisible', focusPoint )
  122. clearTimeout(timer)
  123. }
  124. let timer
  125. let focusPoint = (e)=>{//拉近到某个点
  126. if(e && e.v === false)return
  127. viewer.removeEventListener('pageVisible', focusPoint )
  128. let pointcloud = viewer.scene.pointclouds.find(e=>e.root.geometryNode)
  129. console.log('初始加载focus点云', e , pointcloud)
  130. if(!pointcloud){
  131. if(count_ < 10 ){//可能没加载到,可能被隐藏
  132. if(document.hidden){//等回到页面再focus
  133. console.log('focus hidden')
  134. return viewer.addEventListener('pageVisible', focusPoint )
  135. }
  136. count_ ++ //如果在别的
  137. timer = setTimeout(focusPoint, 200)
  138. }else{ //放弃
  139. console.log('初始加载focus点云 放弃')
  140. done()
  141. }
  142. return console.warn('no!!!!!!!!!!!!!!')
  143. }
  144. viewer.flyToDataset({focusOnPoint:true, pointcloud, duration:0, })
  145. console.warn('ok!!!!!!!!!!!!!!!!')
  146. done()
  147. }
  148. let focus = ()=>{
  149. timer = setTimeout(focusPoint, 300)
  150. }
  151. viewer.addEventListener('setPose',()=>{//设置了初始画面
  152. viewer.removeEventListener('pointcloud_changed',focus)
  153. done()
  154. })
  155. viewer.addEventListener('pointcloud_changed',focus,{once:true})//加载了点之后
  156. }
  157. }
  158. }
  159. }
  160. viewer.addVideo()//addFire()
  161. viewer.scene.pointclouds.some(e=>!e.hasDepthTex) && (Potree.config.shelterMargin*=3) //没有深度图的话在全景模式测量有偏差
  162. console.log('allLoaded')
  163. viewer.addTube({
  164. 't-8KbK1JjubE':[
  165. {//地上管子 黄色
  166. path:[{"x":-109.83,"y":-68.33,"z":-7.52},{"x":-95.17,"y":-59.3,"z":-7.38}, {"x":-38.75,"y":-24.01,"z":-6.01},{"x":0.5,"y":0.19,"z":-3.89},{"x":39.29,"y":24.41,"z":-1.31}
  167. ,{"x":43.58,"y":27.7,"z":-0.97},{"x":40.22,"y":35.37,"z":-0.67}// 拐弯向右
  168. ,{"x":39.18,"y":36.71,"z":0.35},{"x":38.69,"y":36.04,"z":18.04} // 拐弯向上 }
  169. ],
  170. color:'#b86', radius:0.08, height:0.13, tension:0.3, lessSpace:60
  171. },
  172. {//地下管子 藍色
  173. path:[{"x":-108.24,"y":-70.61,"z":-7.52}, {"x":-57.8,"y":-39.31,"z":-6.72},{"x":-18.8,"y":-15.35,"z":-5.01},{"x":55.87,"y":31.67,"z":-0.04},{"x":110.53,"y":66.48,"z":5.14}
  174. ],
  175. color:'#48a', radius:0.08, height:-0.5, lessSpace:60
  176. }
  177. ] ,
  178. /* 'SG-t-h0I7LnfGFwj':[ //港华M层
  179. {
  180. path:[[20.295,-10.269,-1.152],[19.996,-10.252,-1.153],[19.98,-10.253,-1.156],[19.967,-10.252,-1.165],[19.957,-10.251,-1.179],[19.953,-10.251,-1.225],[19.961,-10.242,-1.267],[19.968,-10.223,-1.296],[19.967,-10.193,-1.304],[20.007,-10.092,-1.321],[19.997,-10.063,-1.309],[19.979,-10.039,-1.284],[19.989,-10.028,-1.256],[19.993,-10.024,-1.23],[19.972,-10.026,-1.181],[20.009,-10.045,-1.026],[20.025,-10.048,-1.013],[20.045,-10.05,-1.006],[20.056,-10.052,-1.001],[20.413,-10.073,-1.016],[20.461,-10.075,-1.02],[20.498,-10.053,-1.018],[20.525,-10.022,-1.025],[20.538,-9.983,-1.029],[20.554,-9.536,-1.111],[20.554,-9.487,-1.118],[20.545,-9.445,-1.129],[20.521,-9.418,-1.14],[20.478,-9.396,-1.156],[20.427,-9.379,-1.182],[20.367,-9.369,-1.198],[19.971,-9.304,-1.221],[19.749,-9.197,-1.345]]
  181. ,color:'#8c99aa', radius:0.025, height:-0, fromDataset:true, tension:0.01, spaceDis:0.02,visiEntity:'厨房'
  182. },
  183. {
  184. path:[[19.708,-2.921,-1.145],[19.721,-2.924,-1.119],[20.704,-2.881,-1.134],[20.736,-2.87,-1.138],[20.76,-2.852,-1.147],[20.773,-2.828,-1.148],[20.777,-2.809,-1.148],[20.794,-2.493,-1.167],[20.793,-2.461,-1.169],[20.776,-2.436,-1.174],[20.742,-2.425,-1.198],[20.14,-2.459,-1.309],[20.123,-2.457,-1.309],[20.108,-2.451,-1.31],[20.101,-2.439,-1.311],[20.095,-2.42,-1.313],[20.094,-2.399,-1.311],[20.092,-1.966,-1.295],[20.093,-1.945,-1.286],[20.094,-1.931,-1.269],[20.093,-1.929,-1.251],[20.09,-1.921,-1.197],[20.096,-1.914,-1.181],[20.107,-1.909,-1.174],[20.176,-1.893,-1.141],[20.699,-1.848,-1.076],[20.759,-1.824,-1.068],[20.81,-1.754,-1.076],[20.837,-1.71,-1.086],[20.85,-1.634,-1.1],[20.815,-1.01,-1.104],[20.824,-0.979,-1.115],[20.83,-0.957,-1.124],[20.843,-0.936,-1.132],[20.871,-0.925,-1.139],[21.065,-0.936,-1.166],[21.096,-0.935,-1.167],[21.115,-0.919,-1.167],[21.129,-0.887,-1.165],[21.136,-0.783,-1.167],[21.136,0.555,-1.201],[21.128,0.599,-1.201],[21.1,0.627,-1.199],[21.058,0.639,-1.198],[20.832,0.616,-1.179],[20.782,0.62,-1.186],[20.748,0.637,-1.19],[20.728,0.698,-1.21],[20.731,1.311,-1.233],[20.68,2.081,-1.292],[20.654,2.157,-1.307],[20.576,2.215,-1.314],[20.484,2.274,-1.321],[20.035,2.354,-1.353],[20.013,2.367,-1.363],[20.008,2.39,-1.371],[19.989,3.124,-1.384],[19.993,3.175,-1.39],[19.995,3.208,-1.393],[19.995,3.233,-1.374],[20.002,3.246,-1.324],[20.006,3.248,-1.266],[20.027,3.243,-1.245],[20.063,3.241,-1.239],[20.62,3.229,-1.226],[20.645,3.235,-1.204],[20.658,3.251,-1.191],[20.667,3.278,-1.184],[20.675,3.312,-1.193],[20.716,3.71,-1.24],[20.722,3.767,-1.251],[20.704,3.823,-1.268],[20.652,3.864,-1.279],[20.026,3.901,-1.368],[19.999,3.919,-1.37],[19.982,3.95,-1.361],[19.933,4.69,-1.285],[19.972,4.812,-1.332],[19.978,4.817,-1.233],[19.992,4.814,-1.203],[20.047,4.81,-1.196],[20.738,4.794,-1.196]]
  185. ,color:'#8c99aa', radius:0.025, height:-0, fromDataset:true, tension:0.01, spaceDis:0.02,visiEntity:'厨房'
  186. },
  187. {
  188. path:[[19.685,-2.896,-1.115],[19.699,-2.93,-1.274],[19.701,-2.936,-1.295],[19.707,-2.94,-1.316],[19.712,-2.951,-1.34],[19.714,-2.965,-1.353],[19.716,-2.986,-1.359],[19.7,-3.595,-1.309],[19.703,-3.619,-1.303],[19.704,-3.628,-1.274],[19.719,-3.632,-1.256],[20.063,-3.633,-1.275],[20.089,-3.637,-1.254],[20.103,-3.64,-1.227],[20.11,-3.642,-1.191],[20.083,-3.669,-1.027],[20.075,-3.68,-0.999],[20.053,-3.694,-0.978],[20.053,-3.805,-0.957],[20.063,-3.827,-0.963],[20.045,-3.836,-0.962],[20.01,-3.841,-0.957],[19.737,-3.818,-0.964],[19.712,-3.814,-0.985],[19.699,-3.819,-1.059],[19.724,-3.817,-1.247],[19.725,-3.827,-1.28],[19.719,-3.842,-1.309],[19.719,-3.858,-1.33],[19.714,-3.881,-1.341],[19.699,-4.56,-1.339],[19.7,-4.62,-1.336],[19.7,-4.643,-1.334],[19.699,-4.66,-1.326],[19.698,-4.675,-1.31],[19.697,-4.678,-1.279],[19.697,-4.678,-1.21],[19.704,-4.682,-1.187],[19.716,-4.682,-1.173],[19.736,-4.683,-1.164],[20.481,-4.817,-1.026],[20.529,-4.847,-0.984],[20.562,-4.89,-0.935],[20.585,-4.932,-0.909],[20.59,-4.992,-0.887],[20.565,-5.98,-0.847],[20.547,-6.08,-0.846],[20.541,-6.17,-0.86],[20.476,-6.21,-0.858],[19.847,-6.207,-0.808],[19.803,-6.22,-0.827],[19.775,-6.217,-0.885],[19.75,-6.188,-1.289],[19.743,-6.193,-1.341],[19.742,-6.207,-1.375],[19.75,-6.232,-1.401],[19.722,-6.905,-1.359],[19.723,-6.958,-1.352],[19.722,-6.987,-1.342],[19.721,-7.001,-1.31],[19.721,-7.004,-1.231],[19.734,-7.03,-0.976],[19.742,-7.041,-0.947],[19.747,-7.059,-0.922],[19.755,-7.284,-0.764],[19.761,-7.312,-0.731],[19.776,-7.337,-0.711],[19.795,-7.355,-0.702],[20.502,-7.453,-0.715],[20.578,-7.496,-0.715],[20.631,-7.557,-0.719],[20.66,-7.653,-0.718],[20.658,-8.639,-0.766],[20.654,-8.789,-0.763],[20.639,-8.856,-0.763],[20.605,-8.89,-0.76],[20.57,-8.916,-0.761],[20.539,-8.945,-0.773],[19.879,-9.028,-0.814],[19.853,-9.032,-0.828],[19.834,-9.033,-0.842],[19.83,-9.033,-0.876],[19.857,-9.033,-1.292],[19.837,-9.037,-1.333],[19.819,-9.051,-1.354],[19.812,-9.082,-1.381],[19.79,-9.184,-1.386]]
  189. ,color:'#8c99aa', radius:0.02, height:-0, fromDataset:true, tension:0.01, spaceDis:0.02,visiEntity:'厨房'
  190. }
  191. ],
  192. 'SG-t-RGUFiJAoxvL':[ //济南工地覆土后
  193. {//--旧的 整条
  194. path: [[23.522,-19.432,-1.744],[25.344,20.312,-1.855],[25.344,21.302,-1.861],[25.253,21.904,-1.861],[25.088,22.381,-1.859],[24.748,22.772,-1.861],[24.222,22.893,-1.873],[-24.547,16.774,-1.319]]
  195. ,color:'#445', radius:0.08, height:-1.16, fromDataset:true, tension:0.01,// spaceDis:0.1
  196. },
  197. {
  198. path:[[22.726,22.678,-1.938],[-24.541,16.782,-1.319]]
  199. ,color:'#445', radius:0.08, height:-1.16, fromDataset:true, tension:0,// spaceDis:0.1
  200. },
  201. {
  202. path:[[23.519,-19.473,-1.744],[25.117,15.447,-1.783]]
  203. ,color:'#445', radius:0.08, height:-1.16, fromDataset:true, tension:0,// spaceDis:0.1
  204. }
  205. ],
  206. 'SG-t-TK0S5EqWBxd':[ //济南工地
  207. {
  208. path:[[-25.768,-12.695,-1.305],[-26.334,-21.834,-1.511],[-26.355,-22.153,-1.514],[-26.366,-22.418,-1.513],[-26.31,-22.66,-1.515],[-26.126,-22.841,-1.519],[-25.871,-22.968,-1.525],[-25.443,-22.969,-1.532],[-24.953,-22.956,-1.585],[-23.697,-22.854,-1.637]]
  209. ,color:'#445', radius:0.08, height:-1.16, fromDataset:true, spaceDis:0.2// tension:0.01,
  210. },
  211. ],*/
  212. })
  213. viewer.dispatchEvent('allLoaded')
  214. }
  215. if(!Potree.settings.originDatasetId)Potree.settings.originDatasetId = data[0].id
  216. var originDataset = data.find(e=>e.id == Potree.settings.originDatasetId)
  217. baseZ = originDataset.location[2]
  218. /* originDataset.location[0] = 113.60608878174709
  219. originDataset.location[1] = 22.381189423935155
  220. let ano = data.find(e=>e.name == 'SG-t-Jw0xyhL6oSY')
  221. ano.location[0] = 113.6060509967498
  222. ano.location[1] = 22.381061273279244 */
  223. {//拿初始数据集作为基准。它的位置要放到000
  224. var locationLonLat = originDataset.location.slice(0,2)
  225. Potree.setLonlat(locationLonLat[0], locationLonLat[1])
  226. viewer.mapViewer && viewer.mapViewer.mapLayer.maps[0].updateProjection()
  227. }
  228. data.forEach((dataset,index)=>{
  229. if(!ifReload){
  230. var datasetCode = dataset.sceneCode || dataset.name //对应4dkk的场景码
  231. if(Potree.settings.isLocal && dataset.mapping){
  232. var cloudPath = `${Potree.settings.urls.prefix1}/${dataset.mapping}/${dataset.webBin}` //webBin添加原因:每次裁剪之类的操作会换路径,因为oss文件缓存太严重,更新慢
  233. }else{
  234. var cloudPath = `${Potree.settings.urls.prefix1}/${dataset.webBin}` //webBin添加原因:每次裁剪之类的操作会换路径,因为oss文件缓存太严重,更新慢
  235. }
  236. //var cloudPath = `${Potree.scriptPath}/data/test/${dataset.name}/cloud.js`
  237. var timeStamp = dataset.updateTime ? dataset.updateTime.replace(/[^0-9]/ig,'') : ''; //每重算一次后缀随updateTime更新一次
  238. //console.warn(dataset.name, 'timeStamp', timeStamp)
  239. Potree.loadPointCloud(cloudPath, dataset.name ,datasetCode, timeStamp, e => {
  240. let scene = viewer.scene;
  241. let pointcloud = e.pointcloud;
  242. let config = Potree.config.material
  243. let material = pointcloud.material;
  244. pointcloud.datasetData = dataset
  245. pointcloud.dataset_id = dataset.id;//供漫游点找到属于的dataset点云
  246. pointcloud.hasDepthTex = Potree.settings.useDepthTex && (!!dataset.has_depth || Potree.settings.isLocalhost && Potree.settings.number == 'SS-t-7DUfWAUZ3V') //test
  247. pointcloud.hasTempTex = !!dataset.has_ir
  248. material.minSize = config.minSize
  249. material.maxSize = config.maxSize
  250. material.pointSizeType =/* Potree.settings.isOfficial ? */ config.pointSizeType /* : 'ADAPTIVE' */ //Potree.PointSizeType[config.pointSizeType]//Potree.PointSizeType.ADAPTIVE;//FIXED
  251. pointcloud.changePointSize(config.realPointSize) //material.size = config.pointSize;
  252. pointcloud.changePointOpacity(1)
  253. material.shape = Potree.PointShape.SQUARE;
  254. pointcloud.color = pointcloud.material.color = dataset.color
  255. pointcloud.timeStamp = timeStamp
  256. transformPointcloud(pointcloud,dataset)
  257. scene.addPointCloud(pointcloud);
  258. if(!Potree.settings.isOfficial){
  259. Potree.settings.floorplanEnables[dataset.id] = true
  260. Potree.settings.floorplanType[dataset.id] = 'default'
  261. }
  262. pointcloudLoaded ++;
  263. if(pointcloudLoaded == datasetLength)pointcloudLoadDone()
  264. Potree.loadPanos(dataset.id, (data) => {
  265. //console.log('loadPanos',dataset.sceneCode, dataset.id, data)
  266. viewer.images360.addPanoData(data, pointcloud)
  267. panosLoaded ++;
  268. let f = ()=>{
  269. if(panosLoaded == datasetLength){
  270. Potree.loadImgVersion((e={})=>{
  271. Potree.settings.panoVersion = e.imgVersion//全景图被替换后
  272. panosLoadDone()
  273. })
  274. }
  275. }
  276. if(dataset.has_ir){//红外热成像漫游点数据
  277. /* if(Potree.settings.isLocal && dataset.mapping){
  278. var cloudPath = `${Potree.settings.urls.prefix1}/${dataset.mapping}/${dataset.webBin}` //webBin添加原因:每次裁剪之类的操作会换路径,因为oss文件缓存太严重,更新慢
  279. } */
  280. let mapping = Potree.settings.isLocal && dataset.mapping ? ('/'+dataset.mapping): ''
  281. pointcloud.typesUrl = `${Potree.settings.urls.prefix1}${mapping}/${Potree.settings.webSite2 || Potree.settings.webSite}/${pointcloud.sceneCode}/data/${pointcloud.sceneCode}/imagemap/`
  282. let typesUrl = pointcloud.typesUrl + 'types.json'
  283. Potree.loadFile(typesUrl,null,(e)=>{
  284. e.imagemap_types.forEach(o=>{
  285. o.uuids.forEach(uuid=>{
  286. //if(o.property == 'temp')return //只要ir
  287. let pano = viewer.images360.getPano(`${pointcloud.dataset_id}|${uuid}`,'sid')
  288. pano['has_'+o.property] = true
  289. })
  290. })
  291. f()
  292. },()=>{
  293. console.error('红外热成像数据加载失败 ')
  294. f()
  295. })
  296. }else{
  297. f()
  298. }
  299. })
  300. })
  301. }else{
  302. let pointcloud = viewer.scene.pointclouds.find(p => p.dataset_id == dataset.id)
  303. if(!pointcloud){
  304. Potree.Log('数据集id变了,自动使用第一个', {font: {color:'#500' }} )
  305. pointcloud = viewer.scene.pointclouds[0]
  306. }
  307. //先归零
  308. Alignment.translate(pointcloud, pointcloud.translateUser.clone().negate())
  309. Alignment.rotate(pointcloud, null, - pointcloud.orientationUser)
  310. transformPointcloud(pointcloud, dataset)
  311. }
  312. })
  313. if(ifReload){
  314. //loadDone()
  315. }
  316. }
  317. if(number){
  318. if(window._datasetList){
  319. Potree.loadDatasetsCallback(window._datasetList)
  320. }else{
  321. Potree.loadDatasets(Potree.loadDatasetsCallback)
  322. }
  323. }
  324. /*
  325. //调试用,加载多个本地
  326. Potree.loadDatasetsCallback([
  327. {name:'webcloud_0',id:0, orientation:0, location:[0,0,0]},
  328. {name:'webcloud_1',id:1, orientation:0.047234761795199476, location:[-0.07925513345058573,-0.0010590072536559839,-2.403613132687564]},
  329. {name:'webcloud_2',id:2, orientation:-1.5299545647758208, location:[1.5603736310030292, -0.0009340812579088904, -2.4464530770974139]},
  330. ]) */
  331. window.testTransform = function(locationLonLat, location1, location2){
  332. proj4.defs("NAVVIS:test", "+proj=tmerc +ellps=WGS84 +lon_0=" + locationLonLat[0].toPrecision(15) + " +lat_0=" + locationLonLat[1].toPrecision(15));
  333. let transform = proj4("WGS84", "NAVVIS:test"); //这个ok navvis里也是这两种转换 见proj4Factory
  334. if(location1){//经纬度
  335. return transform.forward(location1)
  336. }else{
  337. return transform.inverse(location2)
  338. }
  339. }
  340. window.buttonFunction = function(){
  341. viewer.scene.pointclouds.forEach(e=>e.predictNodeMaxLevel())
  342. /*
  343. viewer.startScreenshot({type:'measure', measurement:viewer.scene.measurements[0]})
  344. viewer.modules.RouteGuider.routeStart = new THREE.Vector3(0,0,-1.3)
  345. viewer.modules.RouteGuider.routeEnd = new THREE.Vector3(-10,0,-1.3)
  346. */
  347. }
  348. if(Potree.settings.isLocalhost){
  349. let before = {}
  350. viewer.inputHandler.addEventListener('keydown',e=>{ //测试的代码
  351. if(e.event.key == 't'){
  352. viewer.images360.cube.visible = true
  353. viewer.images360.cube.material.wireframe = true
  354. }else if(e.event.key == 'y'){
  355. viewer.images360.cube.material.wireframe = false
  356. viewer.images360.cube.visible = Potree.settings.displayMode == 'showPanos'
  357. }
  358. })
  359. //--------------------------------
  360. /* if(!number){
  361. Potree.settings.boundAddObjs = true
  362. Potree.settings.intersectOnObjs = true
  363. // Load untextured bunny from ply
  364. viewer.loadModel({
  365. fileType:'ply',
  366. url:Potree.resourcePath + "/models/indoor.ply",
  367. name:'test',
  368. },
  369. (object)=>{
  370. object.isModel = true
  371. viewer.updateModelBound()
  372. }
  373. )
  374. } */
  375. }
  376. }
  377. //=======================================================================
  378. /*
  379. 漫游点编辑
  380. */
  381. //=======================================================================
  382. export function panoEditStart(dom, number, EditCloudsArgs){
  383. Potree.settings.editType = 'pano'
  384. Potree.settings.number = number
  385. Potree.settings.sizeFitToLevel = true//当type为衰减模式时自动根据level调节大小。每长一级,大小就除以2
  386. let datasetData
  387. let viewer = new Potree.Viewer(dom);
  388. let Alignment = viewer.modules.Alignment
  389. viewer.setEDLEnabled(false);
  390. viewer.setFOV(Potree.config.view.fov);
  391. //viewer.loadSettingsFromURL();
  392. let datasetLoaded = 0;
  393. if(!Potree.settings.isOfficial){
  394. viewer.loadGUI(() => {
  395. viewer.setLanguage('en');
  396. $("#menu_tools").next().show();
  397. $("#panos").show();
  398. $("#alignment").show();
  399. viewer.toggleSidebar();
  400. });
  401. Potree.settings.sizeFitToLevel = true
  402. }
  403. var pointcloudLoadDone = function( ){//所有点云cloud.js加载完毕后
  404. viewer.scene.pointclouds.forEach(c=>{
  405. transformPointcloud(c)
  406. })
  407. viewer.images360.loadDone()
  408. viewer.scene.add360Images(viewer.images360);
  409. viewer.updateModelBound()
  410. let {boundSize, center} = viewer.bound
  411. Potree.Log(`中心点: ${math.toPrecision(center.toArray(),2)}, boundSize: ${math.toPrecision(boundSize.toArray(),2)} ` )
  412. viewer.scene.view.setView({
  413. position: center.clone().add(new THREE.Vector3(10,5,10)),
  414. target: center
  415. })
  416. viewer.dispatchEvent({type:'loadPointCloudDone'})
  417. if(!Potree.settings.UserPointDensity){
  418. Potree.settings.UserPointDensity = 'panoEdit'//'middle'
  419. }
  420. Potree.Log('loadPointCloudDone 点云加载完毕',{font:[null, 10]})
  421. viewer.dispatchEvent('allLoaded');
  422. }
  423. var transformPointcloud = (pointcloud )=>{ //初始化位置
  424. viewer.sidebar && viewer.sidebar.addAlignmentButton(pointcloud)
  425. /* let orientation = pointcloud.panos[0].dataRotation.z + Math.PI
  426. let location = pointcloud.panos[0].dataPosition.clone()//.negate()
  427. Alignment.rotate(pointcloud, null, orientation )
  428. Alignment.translate(pointcloud, location ) */
  429. viewer.modules.PanoEditor.initCloud(pointcloud)
  430. pointcloud.updateMatrixWorld()
  431. }
  432. let loadPanosDone = Potree.loadPanosDone = (datasetId, panoData )=>{ //一个数据集获取到它的panos后
  433. Potree.settings.datasetsPanos[datasetId] = {panoData, panos:[]}
  434. console.log('panoData', datasetId, panoData)
  435. let panoCount = panoData.length
  436. let pointcloudLoaded = 0
  437. let datasetsCount = Object.keys(Potree.settings.datasetsPanos).length
  438. let datasetData = Potree.datasetData.find(e=>e.datasetId = datasetId)
  439. panoData.forEach((pano, index)=>{
  440. //let cloudPath = `${Potree.settings.urls.prefix1}/${Potree.settings.webSite}/${Potree.settings.number}/data/bundle_${Potree.settings.number}/building/uuidcloud/${pano.uuid}/cloud.js`
  441. //2024.12.9: 加mapping
  442. let mapping = (Potree.settings.isLocal && (datasetData ? datasetData.mapping : browser.urlHasValue('mapping',true))) || ''
  443. mapping && (mapping += '/')
  444. let cloudPath = `${Potree.settings.urls.prefix1}/${mapping}${Potree.settings.webSite}/${Potree.settings.number}/data/bundle_${Potree.settings.number}/building/uuidcloud/${pano.uuid}/cloud.js`
  445. /* if(Potree.settings.isLocal && dataset.mapping){
  446. var cloudPath = `${Potree.settings.urls.prefix1}/${dataset.mapping}/${dataset.webBin}` //webBin添加原因:每次裁剪之类的操作会换路径,因为oss文件缓存太严重,更新慢
  447. }else{
  448. var cloudPath = `${Potree.settings.urls.prefix1}/${dataset.webBin}` //webBin添加原因:每次裁剪之类的操作会换路径,因为oss文件缓存太严重,更新慢
  449. } */
  450. let name = datasetId + '-'+pano.uuid
  451. let timeStamp = 0
  452. pano.index = index //注意:index不等于uuid,因为有的uuid缺失。但是visibles中存的是下标!
  453. Potree.loadPointCloud(cloudPath, name , number, timeStamp, e => { //开始加载点云
  454. let scene = viewer.scene;
  455. let pointcloud = e.pointcloud;
  456. let config = Potree.config.material
  457. let material = pointcloud.material;
  458. material.minSize = config.minSize
  459. material.maxSize = config.maxSize
  460. material.pointSizeType = /* 'ADAPTIVE'// */config.pointSizeType //Potree.PointSizeType[config.pointSizeType]//Potree.PointSizeType.ADAPTIVE;//FIXED
  461. pointcloud.changePointSize( 0.1 /* config.realPointSize */ ) //material.size = config.pointSize;
  462. pointcloud.changePointOpacity(1)
  463. material.shape = Potree.PointShape.SQUARE;
  464. pointcloud.color = config.pointColor
  465. pointcloud.dataset_id = datasetId; //多个点云指向一个datasetId
  466. pointcloud.panoUuid = pano.uuid
  467. pointcloud.timeStamp = timeStamp
  468. if(datasetData){//非4dkk
  469. pointcloud.datasetData = datasetData
  470. pointcloud.hasDepthTex = Potree.settings.useDepthTex && !!datasetData.has_depth
  471. }
  472. //transformPointcloud(pointcloud, pano)
  473. scene.addPointCloud(pointcloud);
  474. pointcloudLoaded ++;
  475. if(pointcloudLoaded == panoCount ){
  476. datasetLoaded ++
  477. viewer.images360.addPanoData(panoData , pointcloud )
  478. if(datasetLoaded == datasetsCount){
  479. pointcloudLoadDone()
  480. }
  481. }
  482. })
  483. })
  484. }
  485. if(!Potree.settings.isOfficial){
  486. Potree.settings.datasetsPano = {'testDataset':null}
  487. Potree.loadPanosInfo( data=>{loadPanosDone('testDataset', data.sweepLocations)} )
  488. }
  489. Potree.loadPanosCloudStart = (EditCloudsArgs)=>{
  490. Potree.loadDatasets((datasets)=>{
  491. Potree.datasetData = datasets //4dkk的加载为空[]
  492. Potree.loadImgVersion((e={})=>{
  493. Potree.settings.panoVersion = e.imgVersion//全景图被替换后
  494. if(!(EditCloudsArgs instanceof Array)) EditCloudsArgs = [EditCloudsArgs]
  495. EditCloudsArgs.forEach((e,i)=>{ //加载点云和漫游点
  496. if(e.datasetId == void 0){
  497. console.error('没有datasetId ')// 看看和看见没有或为0
  498. e.datasetId = i; //经常没有datasetId所以自己加
  499. }
  500. Potree.settings.datasetsPanos[e.datasetId] = null
  501. Potree.loadPanosDone(e.datasetId, e.clouds)
  502. })
  503. })
  504. },number)
  505. }
  506. EditCloudsArgs && Potree.loadPanosCloudStart(EditCloudsArgs)
  507. }
  508. ///////////////////////////////////////////////////////-------------------------
  509. ///////////////////////////////////////////////////////-------------------------
  510. ///////////////////////////////////////////////////////-------------------------
  511. export function realTimePanosStart(dom, number){//边拍边传,和点位编辑一样每个点位一个电源
  512. Potree.settings.editType = 'singlePanoToCloud'
  513. Potree.settings.isLocal = Potree.settings.tileOriginUrl = true;
  514. Potree.settings.intersectOnObjs = true
  515. Potree.settings.boundAddObjs = true
  516. Potree.settings.UserPointDensity = 'high'//'middle'
  517. let viewer = new Potree.Viewer(dom, null, {noMap:true});
  518. let Alignment = viewer.modules.Alignment
  519. viewer.setEDLEnabled(false);
  520. viewer.setFOV(Potree.config.view.fov);
  521. Potree.settings.urls.templates.panoTile = 'laser-data/testdata/{sceneCode}/data/preview/{id}/'
  522. const rotQua = new THREE.Quaternion().setFromAxisAngle(new THREE.Vector3(1,0,0), -Math.PI / 2 )
  523. //new THREE.Quaternion().setFromAxisAngle(new THREE.Vector3(0,0,1), -Math.PI )
  524. const rotQua2 = new THREE.Quaternion().setFromAxisAngle(new THREE.Vector3(0,0,1), -Math.PI )
  525. viewer.scene.add360Images(viewer.images360);
  526. const datasetId = 1
  527. Potree.loadPanos = function(panoData, callback){
  528. panoData = panoData.filter(e=> !viewer.images360.panos.some(p=>p.uuid == e.uuid))
  529. let panoCount = panoData.length
  530. let pointcloudLoaded = 0
  531. if(!panoCount){
  532. return callback()
  533. }
  534. console.log('loadPanos',panoData)
  535. panoData.forEach((d,index)=>{
  536. let timeStamp = 0
  537. let cloudPath = `laser-data/testdata/${number}/data/preview/${d.uuid}/webcloud/cloud.js`
  538. //pano.index = index //注意:index不等于uuid,因为有的uuid缺失。但是visibles中存的是下标!
  539. Potree.loadPointCloud(cloudPath, d.uuid , number, timeStamp, e => { //开始加载点云
  540. let pointcloud = e.pointcloud;
  541. let config = Potree.config.material
  542. let material = pointcloud.material;
  543. material.minSize = config.minSize
  544. material.maxSize = config.maxSize
  545. material.pointSizeType = /* 'ADAPTIVE'// */config.pointSizeType //Potree.PointSizeType[config.pointSizeType]//Potree.PointSizeType.ADAPTIVE;//FIXED
  546. pointcloud.changePointSize( 0.1 /* config.realPointSize */ ) //material.size = config.pointSize;
  547. pointcloud.changePointOpacity(1)
  548. material.shape = Potree.PointShape.SQUARE;
  549. pointcloud.color = config.pointColor
  550. pointcloud.dataset_id = datasetId; //多个点云指向一个datasetId
  551. pointcloud.panoUuid = d.uuid ///!!
  552. pointcloud.timeStamp = timeStamp
  553. /* if(datasetData){//非4dkk
  554. pointcloud.datasetData = datasetData
  555. pointcloud.hasDepthTex = Potree.settings.useDepthTex && !!datasetData.has_depth
  556. } */
  557. viewer.scene.addPointCloud(pointcloud);
  558. pointcloudLoaded ++;
  559. if(pointcloudLoaded == panoCount ){
  560. let datas = panoData.map(p=>{
  561. let newData = Object.assign(p,{
  562. single:true
  563. })
  564. return newData
  565. })
  566. viewer.images360.addPanoData(datas )
  567. panoData.forEach(ee => {
  568. let pano = viewer.images360.panos.find(e=>e.uuid == ee.uuid)
  569. let data = pano.panoData
  570. let dataPosition = new THREE.Vector3().fromArray(data.pose3d.position)
  571. let qua = data.pose3d.rotation
  572. qua = [qua[1], qua[2], qua[3], qua[0]]
  573. let dataQuaternion = new THREE.Quaternion().fromArray(qua)
  574. pano.pointcloud.orientationUser = new THREE.Quaternion().multiplyQuaternions(dataQuaternion,rotQua2)//新版
  575. pano.pointcloud.translateUser.copy(dataPosition)
  576. Alignment.setMatrix(pano.pointcloud);
  577. })
  578. viewer.images360.loadDone()
  579. callback()
  580. /*
  581. let {boundSize, center} = viewer.bound
  582. Potree.Log(`中心点: ${math.toPrecision(center.toArray(),2)}, boundSize: ${math.toPrecision(boundSize.toArray(),2)} ` )
  583. viewer.scene.view.setView({
  584. position: center.clone().add(new THREE.Vector3(10,5,10)),
  585. target: center
  586. }) */
  587. }
  588. })
  589. })
  590. }
  591. }
  592. ///////////////////////////////////////////////////////////////-----------------------
  593. export function mergeEditStart(dom, mapDom){
  594. Potree.settings.editType = 'merge'
  595. Potree.settings.intersectOnObjs = true
  596. Potree.settings.boundAddObjs = true
  597. Potree.settings.unableNavigate = true
  598. if(Potree.settings.queryCloudLonLatUrl){ //点云使用其经纬度作为默认位置
  599. Potree.loadControlPoint = /* async */function(callback,sceneCode,onError,prefix){//点云绑定地图
  600. return Potree.loadFile(Potree.settings.queryCloudLonLatUrl.replace('{sceneCode}', sceneCode), {
  601. fetchMethod: 'post'
  602. }, callback,onError)
  603. }
  604. }
  605. let viewer = new Potree.Viewer(dom, mapDom );
  606. let Alignment = viewer.modules.Alignment
  607. viewer.setEDLEnabled(false);
  608. viewer.setFOV(Potree.config.view.fov);
  609. //viewer.loadSettingsFromURL();
  610. {
  611. viewer.mainViewport.view.position.set(30,30,30)
  612. viewer.mainViewport.view.lookAt(0,0,0)
  613. viewer.updateModelBound()//init
  614. //this.bound = new THREE.Box3(new THREE.Vector3(-1,-1,-1),new THREE.Vector3(1,1,1))
  615. viewer.transformationTool.setModeEnable(['translation','rotation'] )
  616. //viewer.ssaaRenderPass.sampleLevel = 1 // sampleLevel为1 的话,ground就不会变黑
  617. viewer.inputHandler.fixSelection = true //不通过点击屏幕而切换transfrom选中状态
  618. }
  619. Potree.settings.sizeFitToLevel = true//当type为衰减模式时自动根据level调节大小。每长一级,大小就除以2
  620. Potree.loadPointCloudScene = function(url, type, id, title, done, onError, prefix1, prefix2 ){//对应4dkk的场景码
  621. let dataset , useLonLat
  622. let loadCloud = ({cloudPath, sceneName, sceneCode, timeStamp, color } )=>{
  623. Potree.loadPointCloud(cloudPath, sceneName , sceneCode, timeStamp, e => {
  624. let scene = viewer.scene;
  625. let pointcloud = e.pointcloud;
  626. let config = Potree.config.material
  627. let material = pointcloud.material;
  628. pointcloud.datasetData = dataset
  629. pointcloud.hasDepthTex = dataset && Potree.settings.useDepthTex && !!dataset.has_depth
  630. pointcloud.initialPosition = pointcloud.position.clone()
  631. pointcloud.pos1MatrixInvert = new THREE.Matrix4().setPosition(pointcloud.initialPosition).invert()
  632. material.minSize = config.minSize
  633. material.maxSize = config.maxSize
  634. material.pointSizeType = config.pointSizeType //Potree.PointSizeType[config.pointSizeType]//Potree.PointSizeType.ADAPTIVE;//FIXED
  635. pointcloud.changePointSize(config.realPointSize) //material.size = config.pointSize;
  636. pointcloud.changePointOpacity(1)
  637. dataset && useLonLat && (transformPointcloud(pointcloud, dataset), pointcloud.hasLonLat = true)
  638. material.shape = Potree.PointShape.SQUARE;
  639. color && (pointcloud.color = pointcloud.material.color = color)
  640. pointcloud.timeStamp = timeStamp
  641. scene.addPointCloud(pointcloud);
  642. {
  643. viewer.updateModelBound()
  644. let {boundSize, center} = viewer.bound
  645. viewer.dispatchEvent({type:'loadPointCloudDone'})
  646. if(!Potree.settings.UserPointDensity){
  647. Potree.settings.UserPointDensity = 'high'//'middle'
  648. }
  649. Potree.Log(' 点云加载完毕', sceneName, sceneCode )
  650. }
  651. viewer.dispatchEvent('allLoaded')
  652. done(pointcloud)
  653. },onError)
  654. }
  655. if(type == 'laser'){
  656. let sceneCode = url
  657. let load = ()=>{
  658. Potree.loadDatasets((data)=>{
  659. let originDataset = data.find(e=>e.sceneCode == sceneCode);//只加载初始数据集
  660. /* if(!originDataset){
  661. //应该是data为空,原因未知
  662. } */
  663. Potree.settings.cloudAddMapping && (prefix2 += '/'+originDataset.mapping)
  664. let timeStamp = originDataset.updateTime ? originDataset.updateTime.replace(/[^0-9]/ig,'') : ''; //每重算一次后缀随updateTime更新一次
  665. //let cloudPath = `${Potree.settings.urls.prefix1}/${Potree.settings.webSite}/${sceneCode}/data/${sceneCode}/webcloud/cloud.js`
  666. let cloudPath = `${prefix2}/${originDataset.webBin}` //webBin添加原因:每次裁剪之类的操作会换路径,因为oss文件缓存太严重,更新慢
  667. dataset = originDataset
  668. loadCloud({ cloudPath, sceneName:originDataset.sceneName, sceneCode, timeStamp, color:originDataset.color})
  669. }, sceneCode, onError, prefix1 )
  670. }
  671. if(Potree.settings.queryCloudLonLatUrl){
  672. Potree.loadControlPoint((ctlData)=>{
  673. useLonLat = ctlData.controlPoint.status==1 //设置了地理位置
  674. load()
  675. }, sceneCode, (e)=>{
  676. console.error('loadControlPoint error',e)
  677. load()
  678. })
  679. }else{
  680. load()
  681. }
  682. }else{//las or ply 直接用url
  683. let name = type + '|' + id + '|' + title
  684. //有漫游点吗
  685. if(url instanceof Array){
  686. if(url.length == 1){
  687. url = url[0]
  688. }else{
  689. console.error('有多个点云?暂时还不支持', url, name)//多个点云要一起移动没想好怎么写
  690. }
  691. }
  692. let cloudPath = url + '/cloud.js'
  693. loadCloud({cloudPath, sceneName:name, sceneCode:name, timeStamp:'' })
  694. }
  695. }
  696. let setMatrix = (pointcloud)=>{//为了漫游点变换,要算一下 类似setMatrix
  697. /* pointcloud.transformMatrix = new THREE.Matrix4().multiplyMatrices(pointcloud.matrix, pointcloud.pos1MatrixInvert)//还原一点位移
  698. pointcloud.transformInvMatrix.copy(pointcloud.transformMatrix).invert()
  699. pointcloud.rotateMatrix = new THREE.Matrix4().makeRotationFromEuler(pointcloud.rotation);
  700. pointcloud.rotateInvMatrix.copy(pointcloud.rotateMatrix).invert()
  701. pointcloud.panos.forEach(e=>e.transformByPointcloud()) */
  702. //pointcloud.updateBound()
  703. //pointcloud.getPanosBound()
  704. viewer.updateModelBound()
  705. }
  706. const moveModelWhenLoad = false
  707. let moveModel = (e)=>{//根据鼠标移动的位置改变位置
  708. let {x,y} = Potree.Utils.getPointerPosAtHeight(0,e.pointer)
  709. //过后改为根据intersect的点来设置底部高度;这样的话,需要发送高度
  710. /*let pos = new THREE.Vector3(x,y, planeZ )
  711. modelEditing.updateMatrixWorld()
  712. let boundCenter = modelEditing.boundingBox.getCenter(new THREE.Vector3).applyMatrix4(modelEditing.matrixWorld);
  713. */
  714. MergeEditor.moveBoundCenterTo(modelEditing,new THREE.Vector3(x,y, modelEditing.boundCenter.z)) //使模型中心的xy在鼠标所在位置
  715. modelEditing.dispatchEvent("position_changed")
  716. }
  717. let cancelMove = ()=>{
  718. modelEditing = null
  719. viewer.removeEventListener('global_mousemove', moveModel);
  720. viewer.removeEventListener('global_click', confirmPos);
  721. }
  722. let confirmPos = ()=>{
  723. MergeEditor.focusOn(modelEditing)
  724. cancelMove()
  725. return {stopContinue:true}
  726. }
  727. let modelType, modelEditing, MergeEditor = viewer.modules.MergeEditor
  728. Potree.addModel = function(prop, done, onProgress, onError){ //加载模型
  729. let loadDone = (model)=>{
  730. model.dataset_id = prop.id //唯一标识
  731. {//设置下默认经纬度位置,当点击恢复默认时要恢复到此位置
  732. if(!model.isPointcloud){ //有经纬度 3dtiles
  733. model.rotation.copy(prop.baseRotation) //有的需要翻转90度
  734. let lonlat = prop.raw.wgs84 || prop.raw.rtkLocation //前者为素材库的osgb的
  735. if(lonlat){
  736. var locationLonLat = lonlat.split(',').map(e=>parseFloat(e))
  737. var location = new THREE.Vector3().fromArray(viewer.transform.lonlatToLocal.forward(locationLonLat))
  738. model.hasLonLat = true
  739. if( model.fileType == '3dTiles' && prop.is4dkkModel ){ //深时深光mesh
  740. model.position.fromArray(model.runtime.getTileset().tileset.root.boundingVolume.box.slice(0,3))//必须要平移一段才能重合
  741. model.position.copy(Potree.math.convertVector.ZupToYup(model.position))
  742. //饶原点旋转 类似Alignment.setMatrix 和点云一样处理
  743. if(prop.raw.orientation){
  744. model.updateMatrixWorld()//此时和点云没有旋转平移时一样。
  745. let rotMatrix = new THREE.Matrix4().makeRotationAxis(new THREE.Vector3(0,0,1), parseFloat(prop.raw.orientation) )
  746. let pos2Matrix = new THREE.Matrix4().setPosition(location);//最后是平移
  747. var matrix = new THREE.Matrix4().multiplyMatrices(pos2Matrix, rotMatrix);
  748. model.matrix.premultiply(matrix)
  749. model.matrix.decompose(model.position,model.quaternion,model.scale)
  750. }else{
  751. model.position.add(location)
  752. }
  753. }else{
  754. MergeEditor.moveBoundCenterTo(model, location )
  755. if(prop.raw.orientation){
  756. model.rotation.y = parseFloat(prop.raw.orientation)
  757. }
  758. if(prop.is4dkkModel){
  759. console.warn('遇到is4dkkModel的且有经纬度的mesh,但不是3dtiles! 位置估计不准', model)
  760. //看见的场景说是市场不会带rtk的。所以我们这边标品也没存rtk的坐标信息。和产品聊了,不处理。意思就是,只有激光场景开启了rtk的rtkLocation才有值
  761. /* if(model.panos?.length){//只能通过漫游点经纬度来校准
  762. //但这时候panos还没加载。。。。
  763. let sceneCode = ...从url中解析
  764. Potree.loadDatasets((data)=>{ //获取datasetId
  765. let originDataset = data.find(e=>e.sceneCode == sceneCode);//只加载初始数据集
  766. Potree.loadPanos(originDataset.datasetId,()=>{
  767. shouldPos = 获取坐标 data[0].location经纬度
  768. model.position.add(new THREE.Vector3().subVectors(shouldPos, model.panos[0].position))
  769. })
  770. }, sceneCode, (e)=>{
  771. console.log(e)
  772. } , prop.prefix)
  773. } */
  774. }
  775. }
  776. }
  777. }
  778. if(model.fileType == 'shp'){
  779. if(model.prjNotSure){
  780. MergeEditor.moveBoundCenterTo(model,new THREE.Vector3() )//因为不确定坐标类型,而点坐标可能几万米,所以放原点好一些
  781. }
  782. model.hasLonLat = true
  783. }
  784. MergeEditor.setModelBtmHeight(model, 0)// 离地高度为0 (因为不想在地图下方所以高程不管了,都在地面上即可)
  785. if(model.hasLonLat){
  786. model.lonLatPos = model.position.clone()
  787. model.lonLatRot = model.rotation.clone()
  788. }
  789. }
  790. if(prop.position ){
  791. if( prop.position.x != 0 || prop.position.y != 0 || prop.position.z != 0 ){//移动过后使用移动后的坐标
  792. model.position.copy(prop.position)
  793. }else{//用户没设置位置(首次添加后没按保存)
  794. }
  795. }
  796. if(prop.rotation && (prop.rotation.x != 0 || prop.rotation.y != 0 || prop.rotation.z != 0 )){
  797. //model.rotation.setFromVector3(prop.rotation)
  798. model.rotation.copy(prop.rotation)
  799. }
  800. if(prop.scale != void 0){
  801. model.scale.set(prop.scale,prop.scale,prop.scale)
  802. }
  803. if(model.isPointcloud){
  804. model.renderOrder = Potree.config.renderOrders.model; //same as glb
  805. }
  806. if(Potree.settings.maintainBtmZ)
  807. {//transform --------维持离地高度和中心点的版本(local ver)
  808. let updateBound = ()=>{
  809. model.updateMatrixWorld()
  810. viewer.updateModelBound()
  811. }
  812. let maintainBtmZAndCenter = ()=>{
  813. MergeEditor.maintainBoundXY(model)
  814. MergeEditor.setModelBtmHeight(model)
  815. updateBound()
  816. model.dispatchEvent('transformChanged')
  817. }
  818. model.addEventListener('position_changed', ()=>{
  819. updateBound()
  820. MergeEditor.getBoundCenter(model);//更新boundcenter
  821. MergeEditor.computeBtmHeight(model)
  822. if(prop.bottomRange && (model.btmHeight > prop.bottomRange.max || model.btmHeight < prop.bottomRange.min)){
  823. model.btmHeight = THREE.Math.clamp(model.btmHeight, prop.bottomRange.min, prop.bottomRange.max)
  824. MergeEditor.setModelBtmHeight(model)
  825. updateBound()
  826. }
  827. model.dispatchEvent('transformChanged')
  828. })
  829. model.addEventListener("rotation_changed", maintainBtmZAndCenter )
  830. model.addEventListener("scale_changed", maintainBtmZAndCenter )
  831. model.addEventListener('transformChanged', ()=>{
  832. MergeEditor.modelTransformCallback(model)
  833. })
  834. //离地高度只是boundingbox在transform后的最低点的高度,而非模型transform后的最低点的高度,所以旋转过后看起来不太准确
  835. } else
  836. {//transform --------维持中心点的版本
  837. let updateBound = ()=>{
  838. model.updateMatrixWorld()
  839. viewer.updateModelBound()
  840. }
  841. let maintainCenter = (e)=>{
  842. //MergeEditor.maintainBoundXY(model)
  843. e.by2d || MergeEditor.maintainBoundCenter(model)
  844. updateBound()
  845. model.dispatchEvent({type:'transformChanged', byControl:e.byControl})
  846. }
  847. model.addEventListener('position_changed', (e)=>{//要先发送position_changed再其他
  848. updateBound()
  849. MergeEditor.getBoundCenter(model);//更新boundcenter
  850. model.dispatchEvent({type:'transformChanged', byControl:e.byControl})
  851. })
  852. model.addEventListener("rotation_changed", maintainCenter )
  853. model.addEventListener("scale_changed", maintainCenter )
  854. model.addEventListener('transformChanged', ()=>{
  855. MergeEditor.modelTransformCallback(model)
  856. })
  857. }
  858. model.updateMatrixWorld()
  859. viewer.updateModelBound()
  860. MergeEditor.getBoundCenter(model) //初始化
  861. //model.lastMatrixWorld = model.matrixWorld.clone()
  862. model.lastMatrixWorld = new THREE.Matrix4
  863. MergeEditor.modelTransformCallback(model, true)
  864. prop.scale != void 0 && model.isPointcloud && model.changePointSize() //有的被缩放的很小导致testMaxNodeLevel时距离较远时被return 但点云过大急需changesize
  865. done(model) // 先发送成功,因为2d界面会随机执行changePosition等初始化,然后这边再将模型移到中心地面上
  866. if(prop.isFirstLoad){
  867. if(model.hasLonLat || !moveModelWhenLoad){
  868. setTimeout(()=>{MergeEditor.focusOn(model)} , 1)
  869. }else{
  870. MergeEditor.moveBoundCenterTo(model, new THREE.Vector3(0,0,0))
  871. }
  872. MergeEditor.setModelBtmHeight(model, 0) //初始加载设置离地高度为0
  873. if(prop.mode != 'single'){//如果不是模型展示页,模型会随着鼠标位置移动
  874. modelEditing = model;
  875. if(!model.hasLonLat && moveModelWhenLoad){
  876. viewer.addEventListener('global_mousemove', moveModel);
  877. viewer.addEventListener('global_click', confirmPos, {importance:3});
  878. }
  879. }
  880. model.dispatchEvent("position_changed")
  881. }else{
  882. //MergeEditor.setModelBtmHeight(model, prop.bottom || 0) //默认离地高度为0
  883. modelEditing = null
  884. }
  885. MergeEditor.modelAdded(model)
  886. }
  887. if(prop.type == 'obj' || prop.type == 'glb'){
  888. let callback = (object)=>{
  889. object.isModel = true
  890. object.traverse(e=>e.material && (e.material.transparent = true))
  891. loadDone(object)
  892. }
  893. let info = {
  894. fileType: prop.type,
  895. id: prop.id,
  896. unlit: prop.unlit,
  897. url : prop.url,
  898. name : prop.title,
  899. }
  900. viewer.loadModel(info , callback, onProgress, onError)
  901. }else if(prop.type == 'osgb' || prop.type == 'b3dm'){ //3d tiles
  902. let callback = (object)=>{
  903. object.isModel = true
  904. loadDone(object)
  905. }
  906. viewer.loadModel({
  907. fileType: '3dTiles',
  908. id: prop.id,
  909. name : prop.title,
  910. maximumScreenSpaceError: prop.maximumScreenSpaceError,
  911. url:prop.url,
  912. },callback,onprogress)
  913. }else if(prop.type == 'shp'){
  914. let callback = (object)=>{
  915. object.isModel = true
  916. loadDone(object)
  917. }
  918. viewer.loadModel({
  919. fileType: 'shp',
  920. id: prop.id,
  921. name : prop.title,
  922. url:prop.url,
  923. },callback,onprogress)
  924. }else if(prop.type == '3dgs'){
  925. let callback = (object)=>{
  926. object.isModel = true
  927. loadDone(object)
  928. }
  929. viewer.loadModel({
  930. fileType: '3dgs',
  931. id: prop.id,
  932. name : prop.title,
  933. url:prop.url,
  934. },callback,onprogress)
  935. }else{
  936. prop.url instanceof Array && (prop.url = prop.url[0]) //deal bug
  937. let cloudPrefix = Potree.settings.urls.getPrefix(1, prop)
  938. Potree.loadPointCloudScene(prop.url, prop.type, prop.modelId, prop.title, (pointcloud)=>{
  939. {
  940. pointcloud.matrixAutoUpdate = true
  941. if(pointcloud.hasLonLat){
  942. pointcloud.matrix.decompose(pointcloud.position, pointcloud.quaternion, pointcloud.scale) //将数据集的经纬度和旋转应用到rotation和position (注意position和translateUser并不一样)
  943. }else if(!prop.isFirstLoad){//点云一般加载后position都不是0, 但后台初始化为0所以先归零要不然撤销后容易错
  944. pointcloud.position.set(0,0,0)
  945. }
  946. }
  947. if(Potree.settings.mergeType2 && pointcloud.datasetData){
  948. Potree.loadPanos(pointcloud.datasetData.id, (data) => {
  949. viewer.images360.addPanoData(data, pointcloud )
  950. viewer.images360.loadDone()
  951. viewer.scene.add360Images(viewer.images360);
  952. loadDone(pointcloud)
  953. },prop.url)
  954. }else{
  955. loadDone(pointcloud)
  956. }
  957. }, onError, prop.prefix, cloudPrefix)
  958. }
  959. }
  960. return {THREE}
  961. }
  962. var changeLog = ()=>{
  963. var textarea = document.createElement('textarea');
  964. textarea.id = "consoleLog";
  965. textarea.style.width = '160px';
  966. textarea.style.height = '200px'
  967. textarea.style.position = 'fixed'
  968. textarea.style.left = 0
  969. textarea.style.bottom = '50px'
  970. textarea.style['z-index'] = 9999;
  971. textarea.style.color = 'black';
  972. textarea.style.opacity = 0.9;
  973. textarea.style['font-size'] = '12px';
  974. textarea.style['backgroundColor'] = '#ffffff'
  975. document.getElementsByTagName("body")[0].appendChild(textarea);
  976. var list = ["log", "error", "warn", "debug", "info", "time", "timeEnd"]
  977. var exchange = function (o) {
  978. console["old" + o] = console[o];
  979. console[o] = function () {
  980. var args = Array.from(arguments)
  981. console["old" + o].apply(this, arguments)
  982. var t = document.getElementById("consoleLog").innerHTML;
  983. var str = ''
  984. args.forEach(a=>{
  985. str += a + ' '
  986. })
  987. document.getElementById("consoleLog").innerHTML = str + "\n\n" + t;
  988. }
  989. }
  990. for (var i = 0; i < list.length; i++) {
  991. exchange(list[i])
  992. }
  993. }
  994. /*
  995. 坐标转换问题:
  996. 由于控制点可以随便输入,所以本地和地理位置的转换也是可拉伸的。而navvis的转换是等比由中心展开,
  997. 所以对比两种转化方式时误差较大。
  998. 另外地理注册控制点是有参考数据集的,若参考数据集和我放置在0,0,0的数据集一致,就可直接使用,否则要转换。
  999. ---------
  1000. lonlat和空间坐标其实并非线性关系,因为lonlat其实是角度。当两个数据集在地球两端时,它们之间的夹角都相差180度了。
  1001. 所以若要准确展示的话,需要将点云内所有物体,如漫游点,都先获取lonlat再去算local。或者直接将点云整体的transformMatrix考虑上在地球上相对于初始数据集的偏转。
  1002. 支持ctrl+z、ctrl+Y 撤销回退的页面有:
  1003. 测量、土方量、空间模型 这三个页面的点线拖拽;点云裁剪、点云下载中的裁剪 的框; 点云编辑的变换; 数据集校准;
  1004. (所有数据一旦删除则无效 )
  1005. 其他快捷键:
  1006. 按alt鼠标滚轮或WS键放慢。
  1007. 测量or土方量: 按Alt键可以平行拖拽点。&dragPolyBeyondPoint 后缀则可平行拖拽到无点云区域 。
  1008. 按M键拖拽点可以复制出当前点
  1009. 点云按空格键+左键拖拽场景,可以不改相机位置的旋转视角
  1010. */