start.js 59 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308
  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. var transformPointcloud = (pointcloud, dataset)=>{
  9. var locationLonLat = dataset.location.slice(0,3) // [lon,lat,高程海拔]
  10. //当只有一个dataset时,无论如何transform 点云和漫游点都能对应上。
  11. var location = viewer.transform.lonlatToLocal.forward(locationLonLat) //transform.inverse()
  12. //初始化位置
  13. viewer.sidebar && viewer.sidebar.addAlignmentButton(pointcloud)
  14. //dataset.orientation = 0
  15. let Alignment = viewer.modules.Alignment
  16. Alignment.rotate(pointcloud, null, dataset.quaternion?.length == 4 ? dataset.quaternion : dataset.orientation)
  17. Alignment.translate(pointcloud, new THREE.Vector3(location[0], location[1], dataset.location[2]-baseZ)) //要使初始数据集的z为0,所以要减去初始数据集的z
  18. pointcloud.updateMatrixWorld()
  19. Potree.Log(`点云${pointcloud.dataset_id}(${pointcloud.name})旋转值: qua ${dataset.quaternion||''}、orient ${ math.toPrecision(dataset.orientation,3) },
  20. 位置${math.toPrecision(pointcloud.translateUser.toArray(),3)}, 经纬度 ${dataset.location}, spacing ${pointcloud.material.spacing}`,{font:{color:"#f49",fontSize:13}} )
  21. }
  22. export function start(dom, mapDom, number, options ){ //t-Zvd3w0m
  23. /* {
  24. let obj = JSON.parse(localStorage.getItem('setting'))
  25. for(let i in obj){
  26. console.log(i + ': ' + obj[i])
  27. }
  28. }
  29. */
  30. console.log('2024.9')
  31. Potree.settings.number = number || 't-o5YMR13'// 't-iksBApb'// 写在viewer前
  32. if(!Potree.settings.isOfficial){
  33. if(/* Potree.settings.isTest && */ browser.isMobile()){
  34. changeLog()
  35. }
  36. }
  37. if(browser.urlHasValue('google'))Potree.settings.mapCompany = 'google'
  38. if(browser.urlHasValue('timing'))Potree.measureTimings = 1
  39. let viewer = new Potree.Viewer(dom , mapDom, options);
  40. let Alignment = viewer.modules.Alignment
  41. viewer.setEDLEnabled(false);
  42. viewer.setFOV(Potree.config.view.fov);
  43. //viewer.loadSettingsFromURL();
  44. Potree.settings.cameraFar = Potree.config.view.far
  45. if(!Potree.settings.isOfficial){
  46. viewer.loadGUI(() => {
  47. viewer.setLanguage('en');
  48. //$("#menu_appearance").next().show();
  49. $("#menu_tools").next().show();
  50. $("#menu_scene").next().show();
  51. $("#siteModel").show();
  52. //$("#alignment").show();
  53. viewer.toggleSidebar();
  54. });
  55. Potree.settings.sizeFitToLevel = true//当type为衰减模式时自动根据level调节大小。每长一级,大小就除以2
  56. Potree.settings.rotAroundPoint = false
  57. }
  58. Potree.loadDatasetsCallback = function(data, ifReload){
  59. if(!data || data.length == 0)return console.error('getDataSet加载的数据为空')
  60. Potree.datasetData = data
  61. viewer.transform = null
  62. var datasetLength = data.length
  63. var pointcloudLoaded = 0
  64. var panosLoaded = 0
  65. var pointcloudLoadDone = function(){//点云cloud.js加载完毕后
  66. }
  67. var panosLoadDone = function(){
  68. viewer.images360.loadDone()
  69. viewer.scene.add360Images(viewer.images360);
  70. viewer.mapViewer?.addListener(viewer.images360)
  71. viewer.updateModelBound() //需等pano加载完
  72. let {boundSize, center} = viewer.bound
  73. if(!Potree.settings.isOfficial){
  74. viewer.mapViewer && Potree.loadMapEntity('all') //加载floorplan
  75. }
  76. Potree.loadNeighborFile()
  77. Potree.setNeighborGui();
  78. if(!ifReload){
  79. viewer.dispatchEvent({type:'loadPointCloudDone'})
  80. if(!Potree.settings.UserPointDensity){
  81. Potree.settings.UserPointDensity = 'high'//'middle'
  82. }
  83. Potree.Log('loadPointCloudDone 点云加载完毕' )
  84. }
  85. {//初始位置
  86. var panoId = browser.urlHasValue('pano',true);
  87. if(panoId !== ''){
  88. var pos
  89. var pano = viewer.images360.panos.find(e=>e.id==panoId);
  90. if(pano){
  91. viewer.images360.focusPano({
  92. pano,
  93. duration:0,
  94. callback:()=>{/* Potree.settings.displayMode = 'showPanos' */}
  95. })
  96. }
  97. }else{//考虑到多数据集距离很远,或者像隧道那种场景,要使视野范围内一定能看到点云,最好初始点设置在漫游点上
  98. let {boundSize, center} = viewer.bound
  99. let pano = viewer.images360.findNearestPano(center)
  100. if(pano){
  101. viewer.images360.flyToPano({
  102. pano, duration:0,
  103. target : viewer.images360.bound.center.setZ(pano.position.z) //平视中心区域(但也不能保证这个方向一定能看到点云密集区,如果在边缘的话)
  104. })
  105. }else{// 无漫游点 避免加载时看不到点云 SG-t-DXmdymgZ2sX SG-t-rVB03a5GXr8
  106. //SG-t-XPf1k9pv3Zg 总有极端的场景,如这是倾斜的桥 - -, 只能调整为看到全局了
  107. viewer.mainViewport.view.pitch = -0.7 //相对俯视
  108. let bound = viewer.bound.boundingBox.clone()
  109. viewer.focusOnObject({boundingBox:bound},'boundingBox',0,{dontChangeCamDir:true})
  110. if(viewer.bound.boundSize.length() > 20){ //否则有可能超出far范围
  111. viewer.mainViewport.camera.far = 10000;
  112. viewer.mainViewport.camera.updateProjectionMatrix()
  113. viewer.fixCamFar = true //不允许修改camera.far
  114. //等有点云加载出来后,再去focus其中一个,使camera.far不超过最大值
  115. let count_ = 0;
  116. let done = ()=>{
  117. viewer.fixCamFar = false
  118. viewer.mainViewport.camera.far = Potree.settings.cameraFar;
  119. viewer.mainViewport.camera.updateProjectionMatrix()
  120. viewer.removeEventListener('pageVisible', focusPoint )
  121. clearTimeout(timer)
  122. }
  123. let timer
  124. let focusPoint = (e)=>{//拉近到某个点
  125. if(e && e.v === false)return
  126. viewer.removeEventListener('pageVisible', focusPoint )
  127. let pointcloud = viewer.scene.pointclouds.find(e=>e.root.geometryNode)
  128. console.log('初始加载focus点云', e , pointcloud)
  129. if(!pointcloud){
  130. if(count_ < 10 ){//可能没加载到,可能被隐藏
  131. if(document.hidden){//等回到页面再focus
  132. console.log('focus hidden')
  133. return viewer.addEventListener('pageVisible', focusPoint )
  134. }
  135. count_ ++ //如果在别的
  136. timer = setTimeout(focusPoint, 200)
  137. }else{ //放弃
  138. console.log('初始加载focus点云 放弃')
  139. done()
  140. }
  141. return console.warn('no!!!!!!!!!!!!!!')
  142. }
  143. viewer.flyToDataset({focusOnPoint:true, pointcloud, duration:0, })
  144. console.warn('ok!!!!!!!!!!!!!!!!')
  145. done()
  146. }
  147. let focus = ()=>{
  148. timer = setTimeout(focusPoint, 300)
  149. }
  150. viewer.addEventListener('setPose',()=>{//设置了初始画面
  151. viewer.removeEventListener('pointcloud_changed',focus)
  152. done()
  153. })
  154. viewer.addEventListener('pointcloud_changed',focus,{once:true})//加载了点之后
  155. }
  156. }
  157. }
  158. }
  159. viewer.addVideo()//addFire()
  160. viewer.scene.pointclouds.some(e=>!e.hasDepthTex) && (Potree.config.shelterMargin*=3) //没有深度图的话在全景模式测量有偏差
  161. console.log('allLoaded')
  162. viewer.addTube({
  163. 't-8KbK1JjubE':[
  164. {//地上管子 黄色
  165. 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}
  166. ,{"x":43.58,"y":27.7,"z":-0.97},{"x":40.22,"y":35.37,"z":-0.67}// 拐弯向右
  167. ,{"x":39.18,"y":36.71,"z":0.35},{"x":38.69,"y":36.04,"z":18.04} // 拐弯向上 }
  168. ],
  169. color:'#b86', radius:0.08, height:0.13, tension:0.3, lessSpace:60
  170. },
  171. {//地下管子 藍色
  172. 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}
  173. ],
  174. color:'#48a', radius:0.08, height:-0.5, lessSpace:60
  175. }
  176. ] ,
  177. /* 'SG-t-h0I7LnfGFwj':[ //港华M层
  178. {
  179. 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]]
  180. ,color:'#8c99aa', radius:0.025, height:-0, fromDataset:true, tension:0.01, spaceDis:0.02,visiEntity:'厨房'
  181. },
  182. {
  183. 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]]
  184. ,color:'#8c99aa', radius:0.025, height:-0, fromDataset:true, tension:0.01, spaceDis:0.02,visiEntity:'厨房'
  185. },
  186. {
  187. 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]]
  188. ,color:'#8c99aa', radius:0.02, height:-0, fromDataset:true, tension:0.01, spaceDis:0.02,visiEntity:'厨房'
  189. }
  190. ],
  191. 'SG-t-RGUFiJAoxvL':[ //济南工地覆土后
  192. {//--旧的 整条
  193. 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]]
  194. ,color:'#445', radius:0.08, height:-1.16, fromDataset:true, tension:0.01,// spaceDis:0.1
  195. },
  196. {
  197. path:[[22.726,22.678,-1.938],[-24.541,16.782,-1.319]]
  198. ,color:'#445', radius:0.08, height:-1.16, fromDataset:true, tension:0,// spaceDis:0.1
  199. },
  200. {
  201. path:[[23.519,-19.473,-1.744],[25.117,15.447,-1.783]]
  202. ,color:'#445', radius:0.08, height:-1.16, fromDataset:true, tension:0,// spaceDis:0.1
  203. }
  204. ],
  205. 'SG-t-TK0S5EqWBxd':[ //济南工地
  206. {
  207. 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]]
  208. ,color:'#445', radius:0.08, height:-1.16, fromDataset:true, spaceDis:0.2// tension:0.01,
  209. },
  210. ],*/
  211. })
  212. viewer.dispatchEvent('allLoaded')
  213. }
  214. if(!Potree.settings.originDatasetId)Potree.settings.originDatasetId = data[0].id
  215. var originDataset = data.find(e=>e.id == Potree.settings.originDatasetId)
  216. baseZ = originDataset.location[2]
  217. /* originDataset.location[0] = 113.60608878174709
  218. originDataset.location[1] = 22.381189423935155
  219. let ano = data.find(e=>e.name == 'SG-t-Jw0xyhL6oSY')
  220. ano.location[0] = 113.6060509967498
  221. ano.location[1] = 22.381061273279244 */
  222. {//拿初始数据集作为基准。它的位置要放到000
  223. var locationLonLat = originDataset.location.slice(0,2)
  224. Potree.setLonlat(locationLonLat[0], locationLonLat[1])
  225. viewer.mapViewer?.mapLayer.maps[0].updateProjection()
  226. }
  227. data.forEach((dataset,index)=>{
  228. if(!ifReload){
  229. var datasetCode = dataset.sceneCode || dataset.name //对应4dkk的场景码
  230. if(Potree.settings.isLocal && dataset.mapping){
  231. var cloudPath = `${Potree.settings.urls.prefix1}/${dataset.mapping}/${dataset.webBin}` //webBin添加原因:每次裁剪之类的操作会换路径,因为oss文件缓存太严重,更新慢
  232. }else{
  233. var cloudPath = `${Potree.settings.urls.prefix1}/${dataset.webBin}` //webBin添加原因:每次裁剪之类的操作会换路径,因为oss文件缓存太严重,更新慢
  234. }
  235. //var cloudPath = `${Potree.scriptPath}/data/test/${dataset.name}/cloud.js`
  236. var timeStamp = dataset.updateTime ? dataset.updateTime.replace(/[^0-9]/ig,'') : ''; //每重算一次后缀随updateTime更新一次
  237. //console.warn(dataset.name, 'timeStamp', timeStamp)
  238. Potree.loadPointCloud(cloudPath, dataset.name ,datasetCode, timeStamp, e => {
  239. let scene = viewer.scene;
  240. let pointcloud = e.pointcloud;
  241. let config = Potree.config.material
  242. let material = pointcloud.material;
  243. pointcloud.datasetData = dataset
  244. pointcloud.dataset_id = dataset.id;//供漫游点找到属于的dataset点云
  245. pointcloud.hasDepthTex = Potree.settings.useDepthTex && (!!dataset.has_depth || Potree.settings.isLocalhost && Potree.settings.number == 'SS-t-7DUfWAUZ3V') //test
  246. pointcloud.hasTempTex = !!dataset.has_ir
  247. material.minSize = config.minSize
  248. material.maxSize = config.maxSize
  249. material.pointSizeType =/* Potree.settings.isOfficial ? */ config.pointSizeType /* : 'ADAPTIVE' */ //Potree.PointSizeType[config.pointSizeType]//Potree.PointSizeType.ADAPTIVE;//FIXED
  250. pointcloud.changePointSize(config.realPointSize) //material.size = config.pointSize;
  251. pointcloud.changePointOpacity(1)
  252. material.shape = Potree.PointShape.SQUARE;
  253. pointcloud.color = pointcloud.material.color = dataset.color
  254. pointcloud.timeStamp = timeStamp
  255. transformPointcloud(pointcloud,dataset)
  256. scene.addPointCloud(pointcloud);
  257. if(!Potree.settings.isOfficial){
  258. Potree.settings.floorplanEnables[dataset.id] = true
  259. Potree.settings.floorplanType[dataset.id] = 'default'
  260. }
  261. pointcloudLoaded ++;
  262. if(pointcloudLoaded == datasetLength)pointcloudLoadDone()
  263. Potree.loadPanos(dataset.id, (data) => {
  264. //console.log('loadPanos',dataset.sceneCode, dataset.id, data)
  265. viewer.images360.addPanoData(data, pointcloud)
  266. panosLoaded ++;
  267. let f = ()=>{
  268. if(panosLoaded == datasetLength){
  269. Potree.loadImgVersion((e={})=>{
  270. Potree.settings.panoVersion = e.imgVersion//全景图被替换后
  271. panosLoadDone()
  272. })
  273. }
  274. }
  275. if(dataset.has_ir){//红外热成像漫游点数据
  276. /* if(Potree.settings.isLocal && dataset.mapping){
  277. var cloudPath = `${Potree.settings.urls.prefix1}/${dataset.mapping}/${dataset.webBin}` //webBin添加原因:每次裁剪之类的操作会换路径,因为oss文件缓存太严重,更新慢
  278. } */
  279. let mapping = Potree.settings.isLocal && dataset.mapping ? dataset.mapping : ''
  280. pointcloud.typesUrl = `${Potree.settings.urls.prefix1}/${mapping}/${Potree.settings.webSite2 || Potree.settings.webSite}/${pointcloud.sceneCode}/data/${pointcloud.sceneCode}/imagemap/`
  281. let typesUrl = pointcloud.typesUrl + 'types.json'
  282. Potree.loadFile(typesUrl,null,(e)=>{
  283. e.imagemap_types.forEach(o=>{
  284. o.uuids.forEach(uuid=>{
  285. //if(o.property == 'temp')return //只要ir
  286. let pano = viewer.images360.getPano(`${pointcloud.dataset_id}|${uuid}`,'sid')
  287. pano['has_'+o.property] = true
  288. })
  289. })
  290. f()
  291. },()=>{
  292. console.error('红外热成像数据加载失败 ')
  293. f()
  294. })
  295. }else{
  296. f()
  297. }
  298. })
  299. })
  300. }else{
  301. let pointcloud = viewer.scene.pointclouds.find(p => p.dataset_id == dataset.id)
  302. if(!pointcloud){
  303. Potree.Log('数据集id变了,自动使用第一个', {font: {color:'#500' }} )
  304. pointcloud = viewer.scene.pointclouds[0]
  305. }
  306. //先归零
  307. Alignment.translate(pointcloud, pointcloud.translateUser.clone().negate())
  308. Alignment.rotate(pointcloud, null, - pointcloud.orientationUser)
  309. transformPointcloud(pointcloud, dataset)
  310. }
  311. })
  312. if(ifReload){
  313. //loadDone()
  314. }
  315. }
  316. number && Potree.loadDatasets(Potree.loadDatasetsCallback)
  317. /*
  318. //调试用,加载多个本地
  319. Potree.loadDatasetsCallback([
  320. {name:'webcloud_0',id:0, orientation:0, location:[0,0,0]},
  321. {name:'webcloud_1',id:1, orientation:0.047234761795199476, location:[-0.07925513345058573,-0.0010590072536559839,-2.403613132687564]},
  322. {name:'webcloud_2',id:2, orientation:-1.5299545647758208, location:[1.5603736310030292, -0.0009340812579088904, -2.4464530770974139]},
  323. ]) */
  324. window.testTransform = function(locationLonLat, location1, location2){
  325. proj4.defs("NAVVIS:test", "+proj=tmerc +ellps=WGS84 +lon_0=" + locationLonLat[0].toPrecision(15) + " +lat_0=" + locationLonLat[1].toPrecision(15));
  326. let transform = proj4("WGS84", "NAVVIS:test"); //这个ok navvis里也是这两种转换 见proj4Factory
  327. if(location1){//经纬度
  328. return transform.forward(location1)
  329. }else{
  330. return transform.inverse(location2)
  331. }
  332. }
  333. window.buttonFunction = function(){
  334. viewer.scene.pointclouds.forEach(e=>e.predictNodeMaxLevel())
  335. /*
  336. viewer.startScreenshot({type:'measure', measurement:viewer.scene.measurements[0]})
  337. viewer.modules.RouteGuider.routeStart = new THREE.Vector3(0,0,-1.3)
  338. viewer.modules.RouteGuider.routeEnd = new THREE.Vector3(-10,0,-1.3)
  339. */
  340. }
  341. if(Potree.settings.isLocalhost){
  342. let before = {}
  343. viewer.inputHandler.addEventListener('keydown',e=>{ //测试的代码
  344. if(e.event.key == 't'){
  345. viewer.images360.cube.visible = true
  346. viewer.images360.cube.material.wireframe = true
  347. }else if(e.event.key == 'y'){
  348. viewer.images360.cube.material.wireframe = false
  349. viewer.images360.cube.visible = Potree.settings.displayMode == 'showPanos'
  350. }
  351. })
  352. //--------------------------------
  353. /* if(!number){
  354. Potree.settings.boundAddObjs = true
  355. Potree.settings.intersectOnObjs = true
  356. // Load untextured bunny from ply
  357. viewer.loadModel({
  358. fileType:'ply',
  359. url:Potree.resourcePath + "/models/indoor.ply",
  360. name:'test',
  361. },
  362. (object)=>{
  363. object.isModel = true
  364. viewer.updateModelBound()
  365. }
  366. )
  367. } */
  368. }
  369. }
  370. //=======================================================================
  371. /*
  372. 漫游点编辑
  373. */
  374. //=======================================================================
  375. export function panoEditStart(dom, number, EditCloudsArgs){
  376. Potree.settings.editType = 'pano'
  377. Potree.settings.number = number
  378. Potree.settings.sizeFitToLevel = true//当type为衰减模式时自动根据level调节大小。每长一级,大小就除以2
  379. let datasetData
  380. let viewer = new Potree.Viewer(dom);
  381. let Alignment = viewer.modules.Alignment
  382. viewer.setEDLEnabled(false);
  383. viewer.setFOV(Potree.config.view.fov);
  384. //viewer.loadSettingsFromURL();
  385. let datasetLoaded = 0;
  386. if(!Potree.settings.isOfficial){
  387. viewer.loadGUI(() => {
  388. viewer.setLanguage('en');
  389. $("#menu_tools").next().show();
  390. $("#panos").show();
  391. $("#alignment").show();
  392. viewer.toggleSidebar();
  393. });
  394. Potree.settings.sizeFitToLevel = true
  395. }
  396. var pointcloudLoadDone = function( ){//所有点云cloud.js加载完毕后
  397. viewer.scene.pointclouds.forEach(c=>{
  398. transformPointcloud(c)
  399. })
  400. viewer.images360.loadDone()
  401. viewer.scene.add360Images(viewer.images360);
  402. viewer.updateModelBound()
  403. let {boundSize, center} = viewer.bound
  404. Potree.Log(`中心点: ${math.toPrecision(center.toArray(),2)}, boundSize: ${math.toPrecision(boundSize.toArray(),2)} ` )
  405. viewer.scene.view.setView({
  406. position: center.clone().add(new THREE.Vector3(10,5,10)),
  407. target: center
  408. })
  409. viewer.dispatchEvent({type:'loadPointCloudDone'})
  410. if(!Potree.settings.UserPointDensity){
  411. Potree.settings.UserPointDensity = 'panoEdit'//'middle'
  412. }
  413. Potree.Log('loadPointCloudDone 点云加载完毕',{font:[null, 10]})
  414. viewer.dispatchEvent('allLoaded');
  415. }
  416. var transformPointcloud = (pointcloud )=>{ //初始化位置
  417. viewer.sidebar && viewer.sidebar.addAlignmentButton(pointcloud)
  418. /* let orientation = pointcloud.panos[0].dataRotation.z + Math.PI
  419. let location = pointcloud.panos[0].dataPosition.clone()//.negate()
  420. Alignment.rotate(pointcloud, null, orientation )
  421. Alignment.translate(pointcloud, location ) */
  422. viewer.modules.PanoEditor.initCloud(pointcloud)
  423. pointcloud.updateMatrixWorld()
  424. }
  425. let loadPanosDone = Potree.loadPanosDone = (datasetId, panoData )=>{ //一个数据集获取到它的panos后
  426. Potree.settings.datasetsPanos[datasetId] = {panoData, panos:[]}
  427. console.log('panoData', datasetId, panoData)
  428. let panoCount = panoData.length
  429. let pointcloudLoaded = 0
  430. let datasetsCount = Object.keys(Potree.settings.datasetsPanos).length
  431. let datasetData = Potree.datasetData.find(e=>e.datasetId = datasetId)
  432. panoData.forEach((pano, index)=>{
  433. //let cloudPath = `${Potree.settings.urls.prefix1}/${Potree.settings.webSite}/${Potree.settings.number}/data/bundle_${Potree.settings.number}/building/uuidcloud/${pano.uuid}/cloud.js`
  434. //2024.12.9: 加mapping
  435. let mapping = (Potree.settings.isLocal && (datasetData ? datasetData.mapping : browser.urlHasValue('mapping',true))) || ''
  436. mapping && (mapping += '/')
  437. let cloudPath = `${Potree.settings.urls.prefix1}/${mapping}${Potree.settings.webSite}/${Potree.settings.number}/data/bundle_${Potree.settings.number}/building/uuidcloud/${pano.uuid}/cloud.js`
  438. /* if(Potree.settings.isLocal && dataset.mapping){
  439. var cloudPath = `${Potree.settings.urls.prefix1}/${dataset.mapping}/${dataset.webBin}` //webBin添加原因:每次裁剪之类的操作会换路径,因为oss文件缓存太严重,更新慢
  440. }else{
  441. var cloudPath = `${Potree.settings.urls.prefix1}/${dataset.webBin}` //webBin添加原因:每次裁剪之类的操作会换路径,因为oss文件缓存太严重,更新慢
  442. } */
  443. let name = datasetId + '-'+pano.uuid
  444. let timeStamp = 0
  445. pano.index = index //注意:index不等于uuid,因为有的uuid缺失。但是visibles中存的是下标!
  446. Potree.loadPointCloud(cloudPath, name , number, timeStamp, e => { //开始加载点云
  447. let scene = viewer.scene;
  448. let pointcloud = e.pointcloud;
  449. let config = Potree.config.material
  450. let material = pointcloud.material;
  451. material.minSize = config.minSize
  452. material.maxSize = config.maxSize
  453. material.pointSizeType = /* 'ADAPTIVE'// */config.pointSizeType //Potree.PointSizeType[config.pointSizeType]//Potree.PointSizeType.ADAPTIVE;//FIXED
  454. pointcloud.changePointSize( 0.1 /* config.realPointSize */ ) //material.size = config.pointSize;
  455. pointcloud.changePointOpacity(1)
  456. material.shape = Potree.PointShape.SQUARE;
  457. pointcloud.color = config.pointColor
  458. pointcloud.dataset_id = datasetId; //多个点云指向一个datasetId
  459. pointcloud.panoUuid = pano.uuid
  460. pointcloud.timeStamp = timeStamp
  461. if(datasetData){//非4dkk
  462. pointcloud.datasetData = datasetData
  463. pointcloud.hasDepthTex = Potree.settings.useDepthTex && !!datasetData.has_depth
  464. }
  465. //transformPointcloud(pointcloud, pano)
  466. scene.addPointCloud(pointcloud);
  467. pointcloudLoaded ++;
  468. if(pointcloudLoaded == panoCount ){
  469. datasetLoaded ++
  470. viewer.images360.addPanoData(panoData , pointcloud )
  471. if(datasetLoaded == datasetsCount){
  472. pointcloudLoadDone()
  473. }
  474. }
  475. })
  476. })
  477. }
  478. if(!Potree.settings.isOfficial){
  479. Potree.settings.datasetsPano = {'testDataset':null}
  480. Potree.loadPanosInfo( data=>{loadPanosDone('testDataset', data.sweepLocations)} )
  481. }
  482. Potree.loadPanosCloudStart = (EditCloudsArgs)=>{
  483. Potree.loadDatasets((datasets)=>{
  484. Potree.datasetData = datasets //4dkk的加载为空[]
  485. Potree.loadImgVersion((e={})=>{
  486. Potree.settings.panoVersion = e.imgVersion//全景图被替换后
  487. if(!(EditCloudsArgs instanceof Array)) EditCloudsArgs = [EditCloudsArgs]
  488. EditCloudsArgs.forEach((e,i)=>{ //加载点云和漫游点
  489. if(e.datasetId == void 0){
  490. console.error('没有datasetId ')// 看看和看见没有或为0
  491. e.datasetId = i; //经常没有datasetId所以自己加
  492. }
  493. Potree.settings.datasetsPanos[e.datasetId] = null
  494. Potree.loadPanosDone(e.datasetId, e.clouds)
  495. })
  496. })
  497. },number)
  498. }
  499. EditCloudsArgs && Potree.loadPanosCloudStart(EditCloudsArgs)
  500. }
  501. export function mergeEditStart(dom, mapDom){
  502. Potree.settings.editType = 'merge'
  503. Potree.settings.intersectOnObjs = true
  504. Potree.settings.boundAddObjs = true
  505. Potree.settings.unableNavigate = true
  506. if(Potree.settings.queryCloudLonLatUrl){ //点云使用其经纬度作为默认位置
  507. Potree.loadControlPoint = /* async */function(callback,sceneCode,onError,prefix){//点云绑定地图
  508. return Potree.loadFile(Potree.settings.queryCloudLonLatUrl.replace('{sceneCode}', sceneCode), {
  509. fetchMethod: 'post'
  510. }, callback,onError)
  511. }
  512. }
  513. let viewer = new Potree.Viewer(dom, mapDom );
  514. let Alignment = viewer.modules.Alignment
  515. viewer.setEDLEnabled(false);
  516. viewer.setFOV(Potree.config.view.fov);
  517. //viewer.loadSettingsFromURL();
  518. {
  519. viewer.mainViewport.view.position.set(30,30,30)
  520. viewer.mainViewport.view.lookAt(0,0,0)
  521. viewer.updateModelBound()//init
  522. //this.bound = new THREE.Box3(new THREE.Vector3(-1,-1,-1),new THREE.Vector3(1,1,1))
  523. viewer.transformationTool.setModeEnable(['translation','rotation'] )
  524. //viewer.ssaaRenderPass.sampleLevel = 1 // sampleLevel为1 的话,ground就不会变黑
  525. viewer.inputHandler.fixSelection = true //不通过点击屏幕而切换transfrom选中状态
  526. }
  527. Potree.settings.sizeFitToLevel = true//当type为衰减模式时自动根据level调节大小。每长一级,大小就除以2
  528. Potree.loadPointCloudScene = function(url, type, id, title, done, onError, prefix1, prefix2 ){//对应4dkk的场景码
  529. let dataset , useLonLat
  530. let loadCloud = ({cloudPath, sceneName, sceneCode, timeStamp, color } )=>{
  531. Potree.loadPointCloud(cloudPath, sceneName , sceneCode, timeStamp, e => {
  532. let scene = viewer.scene;
  533. let pointcloud = e.pointcloud;
  534. let config = Potree.config.material
  535. let material = pointcloud.material;
  536. pointcloud.datasetData = dataset
  537. pointcloud.hasDepthTex = dataset && Potree.settings.useDepthTex && !!dataset.has_depth
  538. pointcloud.initialPosition = pointcloud.position.clone()
  539. pointcloud.pos1MatrixInvert = new THREE.Matrix4().setPosition(pointcloud.initialPosition).invert()
  540. material.minSize = config.minSize
  541. material.maxSize = config.maxSize
  542. material.pointSizeType = config.pointSizeType //Potree.PointSizeType[config.pointSizeType]//Potree.PointSizeType.ADAPTIVE;//FIXED
  543. pointcloud.changePointSize(config.realPointSize) //material.size = config.pointSize;
  544. pointcloud.changePointOpacity(1)
  545. dataset && useLonLat && (transformPointcloud(pointcloud, dataset), pointcloud.hasLonLat = true)
  546. material.shape = Potree.PointShape.SQUARE;
  547. color && (pointcloud.color = pointcloud.material.color = color)
  548. pointcloud.timeStamp = timeStamp
  549. scene.addPointCloud(pointcloud);
  550. {
  551. viewer.updateModelBound()
  552. let {boundSize, center} = viewer.bound
  553. viewer.dispatchEvent({type:'loadPointCloudDone'})
  554. if(!Potree.settings.UserPointDensity){
  555. Potree.settings.UserPointDensity = 'high'//'middle'
  556. }
  557. Potree.Log(' 点云加载完毕', sceneName, sceneCode )
  558. }
  559. viewer.dispatchEvent('allLoaded')
  560. done(pointcloud)
  561. },onError)
  562. }
  563. if(type == 'laser'){
  564. let sceneCode = url
  565. let load = ()=>{
  566. Potree.loadDatasets((data)=>{
  567. let originDataset = data.find(e=>e.sceneCode == sceneCode);//只加载初始数据集
  568. /* if(!originDataset){
  569. //应该是data为空,原因未知
  570. } */
  571. Potree.settings.cloudAddMapping && (prefix2 += '/'+originDataset.mapping)
  572. let timeStamp = originDataset.updateTime ? originDataset.updateTime.replace(/[^0-9]/ig,'') : ''; //每重算一次后缀随updateTime更新一次
  573. //let cloudPath = `${Potree.settings.urls.prefix1}/${Potree.settings.webSite}/${sceneCode}/data/${sceneCode}/webcloud/cloud.js`
  574. let cloudPath = `${prefix2}/${originDataset.webBin}` //webBin添加原因:每次裁剪之类的操作会换路径,因为oss文件缓存太严重,更新慢
  575. dataset = originDataset
  576. loadCloud({ cloudPath, sceneName:originDataset.sceneName, sceneCode, timeStamp, color:originDataset.color})
  577. }, sceneCode, onError, prefix1 )
  578. }
  579. if(Potree.settings.queryCloudLonLatUrl){
  580. Potree.loadControlPoint((ctlData)=>{
  581. useLonLat = ctlData.controlPoint.status==1 //设置了地理位置
  582. load()
  583. }, sceneCode, (e)=>{
  584. console.error('loadControlPoint error',e)
  585. load()
  586. })
  587. }else{
  588. load()
  589. }
  590. }else{//las or ply 直接用url
  591. let name = type + '|' + id + '|' + title
  592. //有漫游点吗
  593. if(url instanceof Array){
  594. if(url.length == 1){
  595. url = url[0]
  596. }else{
  597. console.error('有多个点云?暂时还不支持', url, name)//多个点云要一起移动没想好怎么写
  598. }
  599. }
  600. let cloudPath = url + '/cloud.js'
  601. loadCloud({cloudPath, sceneName:name, sceneCode:name, timeStamp:'' })
  602. }
  603. }
  604. let setMatrix = (pointcloud)=>{//为了漫游点变换,要算一下 类似setMatrix
  605. /* pointcloud.transformMatrix = new THREE.Matrix4().multiplyMatrices(pointcloud.matrix, pointcloud.pos1MatrixInvert)//还原一点位移
  606. pointcloud.transformInvMatrix.copy(pointcloud.transformMatrix).invert()
  607. pointcloud.rotateMatrix = new THREE.Matrix4().makeRotationFromEuler(pointcloud.rotation);
  608. pointcloud.rotateInvMatrix.copy(pointcloud.rotateMatrix).invert()
  609. pointcloud.panos.forEach(e=>e.transformByPointcloud()) */
  610. //pointcloud.updateBound()
  611. //pointcloud.getPanosBound()
  612. viewer.updateModelBound()
  613. }
  614. const moveModelWhenLoad = false
  615. let moveModel = (e)=>{//根据鼠标移动的位置改变位置
  616. let {x,y} = Potree.Utils.getPointerPosAtHeight(0,e.pointer)
  617. //过后改为根据intersect的点来设置底部高度;这样的话,需要发送高度
  618. /*let pos = new THREE.Vector3(x,y, planeZ )
  619. modelEditing.updateMatrixWorld()
  620. let boundCenter = modelEditing.boundingBox.getCenter(new THREE.Vector3).applyMatrix4(modelEditing.matrixWorld);
  621. */
  622. MergeEditor.moveBoundCenterTo(modelEditing,new THREE.Vector3(x,y, modelEditing.boundCenter.z)) //使模型中心的xy在鼠标所在位置
  623. modelEditing.dispatchEvent("position_changed")
  624. }
  625. let cancelMove = ()=>{
  626. modelEditing = null
  627. viewer.removeEventListener('global_mousemove', moveModel);
  628. viewer.removeEventListener('global_click', confirmPos);
  629. }
  630. let confirmPos = ()=>{
  631. MergeEditor.focusOn(modelEditing)
  632. cancelMove()
  633. return {stopContinue:true}
  634. }
  635. let modelType, modelEditing, MergeEditor = viewer.modules.MergeEditor
  636. Potree.addModel = function(prop, done, onProgress, onError){ //加载模型
  637. let loadDone = (model)=>{
  638. model.dataset_id = prop.id //唯一标识
  639. {//设置下默认经纬度位置,当点击恢复默认时要恢复到此位置
  640. if(!model.isPointcloud){ //有经纬度 3dtiles
  641. model.rotation.copy(prop.baseRotation) //有的需要翻转90度
  642. let lonlat = prop.raw.wgs84 || prop.raw.rtkLocation //前者为素材库的osgb的
  643. if(lonlat){
  644. var locationLonLat = lonlat.split(',').map(e=>parseFloat(e))
  645. var location = new THREE.Vector3().fromArray(viewer.transform.lonlatToLocal.forward(locationLonLat))
  646. model.hasLonLat = true
  647. if( model.fileType == '3dTiles' && prop.is4dkkModel ){ //深时深光mesh
  648. model.position.fromArray(model.runtime.getTileset().tileset.root.boundingVolume.box.slice(0,3))//必须要平移一段才能重合
  649. model.position.copy(Potree.math.convertVector.ZupToYup(model.position))
  650. //饶原点旋转 类似Alignment.setMatrix 和点云一样处理
  651. if(prop.raw.orientation){
  652. model.updateMatrixWorld()//此时和点云没有旋转平移时一样。
  653. let rotMatrix = new THREE.Matrix4().makeRotationAxis(new THREE.Vector3(0,0,1), parseFloat(prop.raw.orientation) )
  654. let pos2Matrix = new THREE.Matrix4().setPosition(location);//最后是平移
  655. var matrix = new THREE.Matrix4().multiplyMatrices(pos2Matrix, rotMatrix);
  656. model.matrix.premultiply(matrix)
  657. model.matrix.decompose(model.position,model.quaternion,model.scale)
  658. }else{
  659. model.position.add(location)
  660. }
  661. }else{
  662. MergeEditor.moveBoundCenterTo(model, location )
  663. if(prop.raw.orientation){
  664. model.rotation.y = parseFloat(prop.raw.orientation)
  665. }
  666. if(prop.is4dkkModel){
  667. console.warn('遇到is4dkkModel的且有经纬度的mesh,但不是3dtiles! 位置估计不准', model)
  668. //看见的场景说是市场不会带rtk的。所以我们这边标品也没存rtk的坐标信息。和产品聊了,不处理。意思就是,只有激光场景开启了rtk的rtkLocation才有值
  669. /* if(model.panos?.length){//只能通过漫游点经纬度来校准
  670. //但这时候panos还没加载。。。。
  671. let sceneCode = ...从url中解析
  672. Potree.loadDatasets((data)=>{ //获取datasetId
  673. let originDataset = data.find(e=>e.sceneCode == sceneCode);//只加载初始数据集
  674. Potree.loadPanos(originDataset.datasetId,()=>{
  675. shouldPos = 获取坐标 data[0].location经纬度
  676. model.position.add(new THREE.Vector3().subVectors(shouldPos, model.panos[0].position))
  677. })
  678. }, sceneCode, (e)=>{
  679. console.log(e)
  680. } , prop.prefix)
  681. } */
  682. }
  683. }
  684. }
  685. }
  686. if(model.fileType == 'shp'){
  687. if(model.prjNotSure){
  688. MergeEditor.moveBoundCenterTo(model,new THREE.Vector3() )//因为不确定坐标类型,而点坐标可能几万米,所以放原点好一些
  689. }
  690. model.hasLonLat = true
  691. }
  692. MergeEditor.setModelBtmHeight(model, 0)// 离地高度为0 (因为不想在地图下方所以高程不管了,都在地面上即可)
  693. if(model.hasLonLat){
  694. model.lonLatPos = model.position.clone()
  695. model.lonLatRot = model.rotation.clone()
  696. }
  697. }
  698. if(prop.position ){
  699. if( prop.position.x != 0 || prop.position.y != 0 || prop.position.z != 0 ){//移动过后使用移动后的坐标
  700. model.position.copy(prop.position)
  701. }else{//用户没设置位置(首次添加后没按保存)
  702. }
  703. }
  704. if(prop.rotation && (prop.rotation.x != 0 || prop.rotation.y != 0 || prop.rotation.z != 0 )){
  705. //model.rotation.setFromVector3(prop.rotation)
  706. model.rotation.copy(prop.rotation)
  707. }
  708. if(prop.scale != void 0){
  709. model.scale.set(prop.scale,prop.scale,prop.scale)
  710. }
  711. if(model.isPointcloud){
  712. model.renderOrder = Potree.config.renderOrders.model; //same as glb
  713. }
  714. if(Potree.settings.maintainBtmZ)
  715. {//transform --------维持离地高度和中心点的版本(local ver)
  716. let updateBound = ()=>{
  717. model.updateMatrixWorld()
  718. viewer.updateModelBound()
  719. }
  720. let maintainBtmZAndCenter = ()=>{
  721. MergeEditor.maintainBoundXY(model)
  722. MergeEditor.setModelBtmHeight(model)
  723. updateBound()
  724. model.dispatchEvent('transformChanged')
  725. }
  726. model.addEventListener('position_changed', ()=>{
  727. updateBound()
  728. MergeEditor.getBoundCenter(model);//更新boundcenter
  729. MergeEditor.computeBtmHeight(model)
  730. if(prop.bottomRange && (model.btmHeight > prop.bottomRange.max || model.btmHeight < prop.bottomRange.min)){
  731. model.btmHeight = THREE.Math.clamp(model.btmHeight, prop.bottomRange.min, prop.bottomRange.max)
  732. MergeEditor.setModelBtmHeight(model)
  733. updateBound()
  734. }
  735. model.dispatchEvent('transformChanged')
  736. })
  737. model.addEventListener("rotation_changed", maintainBtmZAndCenter )
  738. model.addEventListener("scale_changed", maintainBtmZAndCenter )
  739. model.addEventListener('transformChanged', ()=>{
  740. MergeEditor.modelTransformCallback(model)
  741. })
  742. //离地高度只是boundingbox在transform后的最低点的高度,而非模型transform后的最低点的高度,所以旋转过后看起来不太准确
  743. } else
  744. {//transform --------维持中心点的版本
  745. let updateBound = ()=>{
  746. model.updateMatrixWorld()
  747. viewer.updateModelBound()
  748. }
  749. let maintainCenter = (e)=>{
  750. //MergeEditor.maintainBoundXY(model)
  751. e.by2d || MergeEditor.maintainBoundCenter(model)
  752. updateBound()
  753. model.dispatchEvent({type:'transformChanged', byControl:e.byControl})
  754. }
  755. model.addEventListener('position_changed', (e)=>{//要先发送position_changed再其他
  756. updateBound()
  757. MergeEditor.getBoundCenter(model);//更新boundcenter
  758. model.dispatchEvent({type:'transformChanged', byControl:e.byControl})
  759. })
  760. model.addEventListener("rotation_changed", maintainCenter )
  761. model.addEventListener("scale_changed", maintainCenter )
  762. model.addEventListener('transformChanged', ()=>{
  763. MergeEditor.modelTransformCallback(model)
  764. })
  765. }
  766. model.updateMatrixWorld()
  767. viewer.updateModelBound()
  768. MergeEditor.getBoundCenter(model) //初始化
  769. //model.lastMatrixWorld = model.matrixWorld.clone()
  770. model.lastMatrixWorld = new THREE.Matrix4
  771. MergeEditor.modelTransformCallback(model, true)
  772. prop.scale != void 0 && model.isPointcloud && model.changePointSize() //有的被缩放的很小导致testMaxNodeLevel时距离较远时被return 但点云过大急需changesize
  773. done(model) // 先发送成功,因为2d界面会随机执行changePosition等初始化,然后这边再将模型移到中心地面上
  774. if(prop.isFirstLoad){
  775. if(model.hasLonLat || !moveModelWhenLoad){
  776. setTimeout(()=>{MergeEditor.focusOn(model)} , 1)
  777. }else{
  778. MergeEditor.moveBoundCenterTo(model, new THREE.Vector3(0,0,0))
  779. }
  780. MergeEditor.setModelBtmHeight(model, 0) //初始加载设置离地高度为0
  781. if(prop.mode != 'single'){//如果不是模型展示页,模型会随着鼠标位置移动
  782. modelEditing = model;
  783. if(!model.hasLonLat && moveModelWhenLoad){
  784. viewer.addEventListener('global_mousemove', moveModel);
  785. viewer.addEventListener('global_click', confirmPos, {importance:3});
  786. }
  787. }
  788. model.dispatchEvent("position_changed")
  789. }else{
  790. //MergeEditor.setModelBtmHeight(model, prop.bottom || 0) //默认离地高度为0
  791. modelEditing = null
  792. }
  793. MergeEditor.modelAdded(model)
  794. }
  795. if(prop.type == 'obj' || prop.type == 'glb'){
  796. let callback = (object)=>{
  797. object.isModel = true
  798. object.traverse(e=>e.material && (e.material.transparent = true))
  799. loadDone(object)
  800. }
  801. let info = {
  802. fileType: prop.type,
  803. id: prop.id,
  804. unlit: prop.unlit,
  805. url : prop.url,
  806. name : prop.title,
  807. }
  808. viewer.loadModel(info , callback, onProgress, onError)
  809. }else if(prop.type == 'osgb' || prop.type == 'b3dm'){ //3d tiles
  810. let callback = (object)=>{
  811. object.isModel = true
  812. loadDone(object)
  813. }
  814. viewer.loadModel({
  815. fileType: '3dTiles',
  816. id: prop.id,
  817. name : prop.title,
  818. maximumScreenSpaceError: prop.maximumScreenSpaceError,
  819. url:prop.url,
  820. },callback,onprogress)
  821. }else if(prop.type == 'shp'){
  822. let callback = (object)=>{
  823. object.isModel = true
  824. loadDone(object)
  825. }
  826. viewer.loadModel({
  827. fileType: 'shp',
  828. id: prop.id,
  829. name : prop.title,
  830. url:prop.url,
  831. },callback,onprogress)
  832. }else if(prop.type == '3dgs'){
  833. let callback = (object)=>{
  834. object.isModel = true
  835. loadDone(object)
  836. }
  837. viewer.loadModel({
  838. fileType: '3dgs',
  839. id: prop.id,
  840. name : prop.title,
  841. url:prop.url,
  842. },callback,onprogress)
  843. }else{
  844. prop.url instanceof Array && (prop.url = prop.url[0]) //deal bug
  845. let cloudPrefix = Potree.settings.urls.getPrefix(1, prop)
  846. Potree.loadPointCloudScene(prop.url, prop.type, prop.modelId, prop.title, (pointcloud)=>{
  847. {
  848. pointcloud.matrixAutoUpdate = true
  849. if(pointcloud.hasLonLat){
  850. pointcloud.matrix.decompose(pointcloud.position, pointcloud.quaternion, pointcloud.scale) //将数据集的经纬度和旋转应用到rotation和position (注意position和translateUser并不一样)
  851. }else if(!prop.isFirstLoad){//点云一般加载后position都不是0, 但后台初始化为0所以先归零要不然撤销后容易错
  852. pointcloud.position.set(0,0,0)
  853. }
  854. }
  855. if(Potree.settings.mergeType2 && pointcloud.datasetData){
  856. Potree.loadPanos(pointcloud.datasetData.id, (data) => {
  857. viewer.images360.addPanoData(data, pointcloud )
  858. viewer.images360.loadDone()
  859. viewer.scene.add360Images(viewer.images360);
  860. loadDone(pointcloud)
  861. },prop.url)
  862. }else{
  863. loadDone(pointcloud)
  864. }
  865. }, onError, prop.prefix, cloudPrefix)
  866. }
  867. }
  868. return {THREE}
  869. }
  870. var changeLog = ()=>{
  871. var textarea = document.createElement('textarea');
  872. textarea.id = "consoleLog";
  873. textarea.style.width = '160px';
  874. textarea.style.height = '200px'
  875. textarea.style.position = 'fixed'
  876. textarea.style.left = 0
  877. textarea.style.bottom = '50px'
  878. textarea.style['z-index'] = 9999;
  879. textarea.style.color = 'black';
  880. textarea.style.opacity = 0.9;
  881. textarea.style['font-size'] = '12px';
  882. textarea.style['backgroundColor'] = '#ffffff'
  883. document.getElementsByTagName("body")[0].appendChild(textarea);
  884. var list = ["log", "error", "warn", "debug", "info", "time", "timeEnd"]
  885. var exchange = function (o) {
  886. console["old" + o] = console[o];
  887. console[o] = function () {
  888. var args = Array.from(arguments)
  889. console["old" + o].apply(this, arguments)
  890. var t = document.getElementById("consoleLog").innerHTML;
  891. var str = ''
  892. args.forEach(a=>{
  893. str += a + ' '
  894. })
  895. document.getElementById("consoleLog").innerHTML = str + "\n\n" + t;
  896. }
  897. }
  898. for (var i = 0; i < list.length; i++) {
  899. exchange(list[i])
  900. }
  901. }
  902. /*
  903. 坐标转换问题:
  904. 由于控制点可以随便输入,所以本地和地理位置的转换也是可拉伸的。而navvis的转换是等比由中心展开,
  905. 所以对比两种转化方式时误差较大。
  906. 另外地理注册控制点是有参考数据集的,若参考数据集和我放置在0,0,0的数据集一致,就可直接使用,否则要转换。
  907. ---------
  908. lonlat和空间坐标其实并非线性关系,因为lonlat其实是角度。当两个数据集在地球两端时,它们之间的夹角都相差180度了。
  909. 所以若要准确展示的话,需要将点云内所有物体,如漫游点,都先获取lonlat再去算local。或者直接将点云整体的transformMatrix考虑上在地球上相对于初始数据集的偏转。
  910. 支持ctrl+z、ctrl+Y 撤销回退的页面有:
  911. 测量、土方量、空间模型 这三个页面的点线拖拽;点云裁剪、点云下载中的裁剪 的框; 点云编辑的变换; 数据集校准;
  912. (所有数据一旦删除则无效 )
  913. 其他快捷键:
  914. 按alt鼠标滚轮或WS键放慢。
  915. 测量or土方量: 按Alt键可以平行拖拽点。&dragPolyBeyondPoint 后缀则可平行拖拽到无点云区域 。
  916. 按M键拖拽点可以复制出当前点
  917. 点云按空格键+左键拖拽场景,可以不改相机位置的旋转视角
  918. */