index.js 59 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552
  1. import mitt from 'mitt'
  2. import axios from 'axios' //{ axios } from '@/api'
  3. let requestLoadCount = 0
  4. let maxLoadingCount = 2; //正在加载模型的最大数目
  5. //0看看,1看见,2深时,3用户上传三维模型,4深时mesh,5深光点云,6深光mesh
  6. const ModelTypes = {
  7. 0 : {name:'看看(八目)', panos4dkk:true},
  8. 1 : {name:'看见(双目转台)', panos4dkk:true, rot90:true},
  9. 2 : {name:'深时', },
  10. 3 : {name:'用户上传三维模型'},
  11. 4 : {name:'深时mesh(激光转台)',panos4dkk:true, rot90:true},//3dtiles
  12. 5 : {name:'深光点云' },
  13. 6 : {name:'深光mesh',panos4dkk:true, rot90:true},//3dtiles
  14. }
  15. let cesAspect
  16. //局域网版本
  17. export const enter = ({ dom, mapDom, isLocal, lonlat, scenes, panoBasePath,cloudBasePath }) => {
  18. console.warn('新的页面')
  19. Potree.settings.isOfficial = true //标记为正式、非测试版本
  20. //Potree.fileServer = axios
  21. Potree.settings.libsUrl = './lib/'
  22. let loadStartTime = Date.now()
  23. //正式环境(本地调试会打不开)
  24. /* if (location.host === 'mix3d.4dkankan.com') {
  25. Potree.settings.urls.prefix = Potree.settings.urls.prefix6
  26. Potree.settings.webSite = 'datav1'
  27. } else if (location.host === 'xfhd.4dkankan.com') {
  28. Potree.settings.urls.prefix = Potree.settings.urls.prefix7
  29. Potree.settings.webSite = 'datav1'
  30. } */
  31. Potree.settings.webSite = 'datav1'
  32. panoBasePath && (Potree.settings.urls.prefix3 = panoBasePath)
  33. cloudBasePath && (Potree.settings.urls.prefix1 = Potree.settings.urls.prefix = cloudBasePath)
  34. //Potree.settings.urls.prefix = Potree.settings.prefix
  35. Potree.settings.isLocal = Potree.settings.tileOriginUrl = true
  36. const mapBus = mitt(), sceneBus = mitt()
  37. const tagLimitDis = 8;
  38. Potree.settings.showCompass = true
  39. Potree.settings.compassDom = dom.querySelector('#direction')
  40. Potree.settings.mergeType2 = true //标识新版
  41. Potree.settings.modelSkybox = true //是否将全景图贴在模型上(会导致卡顿)。若不显示模型将不显示Reticule
  42. Potree.settings.tiles3DMaxMemory = 300 //稍微增加点
  43. Potree.settings.mergeTransCtlOnClick = true
  44. Potree.settings.canWalkThroughModel = true
  45. let { THREE } = Potree.mergeEditStart(dom, mapDom)
  46. let MergeEditor = viewer.modules.MergeEditor
  47. Potree.settings.unableNavigate = true
  48. /* Potree.settings.showCesium = !!lonlat
  49. Potree.settings.showCesium && buildMap()
  50. */
  51. //因为getPose里用的是target,俯视的yaw不准,所以限制一下不要完全俯视
  52. viewer.mainViewport.view.maxPitch-=0.001
  53. viewer.mainViewport.view.minPitch+=0.001
  54. viewer.addEventListener('camera_changed', e => {
  55. var camera = e.viewport.camera
  56. var pos = camera.position
  57. if (e.viewport.name == 'MainView') {
  58. sceneBus.emit('cameraChange', { x: pos.x, y: pos.y, z: pos.z, rotate: camera.rotation })
  59. updateMap()
  60. Potree.Common.intervalTool.isWaiting('updateCamNear', ()=>{
  61. updateCamNear()
  62. }, 1000)
  63. }
  64. })
  65. //-------------------------------------
  66. let modelAinB = (A,B)=>{ //B的expand(5m) bound完全包含A
  67. let boundB = B.boundingBox.clone().expandByVector(new THREE.Vector3(5,5,5)).applyMatrix4(B.matrixWorld)
  68. let boundA = A.boundingBox.clone().applyMatrix4(A.matrixWorld)
  69. return boundB.containsBox(boundA)
  70. }
  71. let changeMeshVisi = (object, show) => {
  72. if(show == void 0) show = Potree.settings.displayMode == 'showPointCloud' || object == viewer.images360.currentPano.pointcloud && Potree.settings.modelSkybox || object.showInPano //showInPano: 装饰物,一直显示
  73. || !object.panos && modelAinB(object, viewer.images360.currentPano.pointcloud) //装饰物
  74. Potree.Utils.updateVisible(object, 'showPanos', show)
  75. }
  76. if(Potree.settings.canWalkThroughModel){
  77. let lastModel
  78. viewer.images360.addEventListener('flyToPano',(e)=>{//开始漫游 漫游到另一个模型就要选中这个模型?
  79. let model = e.toPano.pano.pointcloud
  80. if(lastModel != model){
  81. changeMeshVisi(model, true)
  82. //MergeEditor.selectModel(model)
  83. //model.result_.flyInPano(e.toPano.pano, {dontFly:true}) //切换模型显示,因为flyInPano有事件怕乱所以统一用这个函数
  84. updateCamNear()
  85. }
  86. })
  87. viewer.images360.addEventListener('flyToPanoDone',(e)=>{
  88. if(!e.makeIt)return
  89. let model = viewer.images360.currentPano.pointcloud
  90. if(lastModel != model){
  91. lastModel?.isModel && changeMeshVisi(lastModel, false)
  92. sceneBus.emit('panoModelChange', model.result_ )
  93. }
  94. lastModel = model
  95. })
  96. }
  97. viewer.images360.addEventListener('endChangeMode',(e)=>{
  98. sceneBus.emit('modeChange', {mode: e.mode == 'showPanos' ? 'pano' : 'fuse', model : e.mode == 'showPanos' && viewer.images360.currentPano.pointcloud.result_} )
  99. Potree.Utils.updateVisible(MergeEditor.transformControls, 'showPanos', e.mode == 'showPointCloud')
  100. Potree.Utils.updateVisible(MergeEditor.boxHelper, 'showPanos', e.mode == 'showPointCloud')
  101. if(e.mode == 'showPanos'){
  102. viewer.setControls( viewer.fpControls )
  103. viewer.removeEventListener('camera_changed', camera_changed)
  104. }else{
  105. viewer.addEventListener('camera_changed', camera_changed)
  106. }
  107. viewer.objs.children.forEach((e)=>{changeMeshVisi(e)})
  108. Potree.settings.canWalkThroughModel || viewer.images360.panos.forEach(pano => {
  109. pano.setEnable(e.mode == 'showPanos' ? pano.pointcloud == viewer.images360.currentPano.model : true)
  110. })
  111. Potree.settings.unableNavigate = e.mode == 'showPointCloud'
  112. updateCamNear()
  113. })
  114. let camera_changed = (e) => {
  115. if (e.viewport.name == 'MainView' && e.changeInfo.positionChanged) {
  116. //viewer.mainViewport.camera.position
  117. viewer.mainViewport.view.radius = 0.1 //使pivot在面前一丢丢距离
  118. viewer.setControls(viewer.orbitControls)
  119. viewer.removeEventListener('camera_changed', camera_changed)
  120. }
  121. }
  122. let requestInPano = false
  123. //-------------------------------------
  124. /* viewer.inputHandler.addEventListener('keydown', (e)=>{
  125. if(e.event.key == "e" ){
  126. MergeEditor.transformControls.mode = 'rotate'
  127. }else if(e.event.key == "w"){
  128. MergeEditor.transformControls.mode = 'translate'
  129. }else if(e.event.key == "s"){
  130. MergeEditor.transformControls.mode = 'scale'
  131. }
  132. }) */
  133. viewer.addEventListener('webglError', e => {
  134. console.error('viewer webglError: ' + e)
  135. sceneBus.emit('webglError', { msg: e.msg })
  136. })
  137. viewer.compass.setAutoDisplay(true)
  138. /* mapBus.on('visible', v => {
  139. //console.log('mapBus visible', v)
  140. viewer.mapViewer.visible = v
  141. if (v) {
  142. viewer.mapViewer.mapLayer.needUpdate = true
  143. }
  144. viewer.mapViewer.dispatchEvent({type:'forceVisible',visible:v})
  145. }) */
  146. {
  147. let index = 1;
  148. //let setDisplay()
  149. if (!Potree.isIframeChild) {
  150. /* viewer.addEventListener('createIframe',(e)=>{//创建了子页面
  151. }) */
  152. window.winIndex = 0;
  153. window.iframeCreated = function (iframe) {
  154. let child = iframe.contentWindow
  155. child.winIndex = index++
  156. //案件里视图提取页面子页面覆盖了父级页面,父级的模型可以隐藏以释放内存
  157. console.error('createdIframe', child.winIndex, child.location.href)
  158. viewer.setDisplay(false)
  159. child.beforeDestroy = function () { //注:在前端仍会找不到beforeDestroy,可能contentWindow变更??所以手动调用setDisplay
  160. console.warn('beforeDestroy', child.winIndex)
  161. child.viewer && child.viewer.setDisplay(false)
  162. //如果是四维看看的场景,先不管了,页面被销毁应该就没了吧
  163. viewer.setDisplay(true)//恢复主页的模型显示
  164. if (!child.viewer) {
  165. try {
  166. let player = child.__sdk.core.get('Player')
  167. /* let runtime = player.model._3dTilesRuntime
  168. let tileset = runtime.getTileset()
  169. tileset._cache.trim(); //使下一次update时dispose所有不可见的tiles
  170. let sceneRenderer = child.__sdk.core.get('SceneRenderer')
  171. player.model.visible = false
  172. runtime.update(16, sceneRenderer.renderer, sceneRenderer.camera, true) //没用,为何_trimTiles的while无法进入
  173. */
  174. player.model.traverse(e => {
  175. e.geometry && e.geometry.dispose()
  176. if (e.material) {
  177. e.material.map && e.material.map.dispose()
  178. if (e.material.uniforms && e.material.uniforms.map && e.material.uniforms.map.value) {
  179. e.material.uniforms.map.value.dispose()
  180. }
  181. }
  182. }) //效果甚微
  183. /* let sceneRenderer = child.__sdk.core.get('SceneRenderer')
  184. sceneRenderer.renderer.render(sceneRenderer.scene, sceneRenderer.camera)
  185. */
  186. } catch (e) {
  187. console.log(e)
  188. }
  189. }
  190. }
  191. }
  192. //不知道删除iframe时是否那些模型还在内存里,需要释放吗? 如果要需要加一个事件
  193. } else {
  194. }
  195. }
  196. window.THREE = THREE
  197. //isLocal = false
  198. let autoLoads = /* window.autoLoads = */ []
  199. let readyToAddModel
  200. let mainBackground = viewer.background
  201. const units = { 1: 'metric', 2: 'imperial' }
  202. let getMeasureType = function (type, unit = 1) {
  203. let info
  204. switch (type) {
  205. case 'free':
  206. info = { measureType: 'Distance' }
  207. break
  208. case 'area':
  209. info = { measureType: 'Area' }
  210. break
  211. case 'vertical':
  212. info = { measureType: 'Ver Distance' }
  213. break
  214. default:
  215. console.error('无此 measure type')
  216. }
  217. info.unit = units[unit]
  218. return info
  219. }
  220. let getMeasureFunction = function (measure, bus) {
  221. measure.addEventListener('highlight', (e) => {
  222. //console.log('3d->2d highlight',e.state)
  223. bus.emit('highlight', e.state)
  224. })
  225. measure.addEventListener('marker_dropped', (e) => {//拖拽结束后发送changeCallBack
  226. if (measure.parent) {
  227. //未被删除
  228. bus.emit('update', [
  229. measure.dataset_points.map(p => p.clone()),
  230. measure.points_datasets
  231. ])
  232. }
  233. })
  234. return {
  235. /* quit: () => {
  236. Potree.Log('quit结束且删除: ' + measure.id, '#00c7b2')
  237. viewer.dispatchEvent({ type: 'cancel_insertions', remove: true, measure })
  238. }, //触发结束。退出测量模式,清除之前操作 */
  239. destroy: () => {
  240. viewer.dispatchEvent({ type: 'cancel_insertions', remove: true, measure })
  241. viewer.scene.removeMeasurement(measure)
  242. },
  243. /* getPoints: () => {
  244. return measure.points
  245. },
  246. getDatasetLocations: () => {
  247. return measure.dataset_points
  248. },
  249. getDatasets: () => {
  250. return measure.points_datasets
  251. },
  252. getDatasetId: () => {
  253. return measure.datasetId
  254. }, */
  255. getArea: () => {
  256. return measure.area //{value:area, string:..}
  257. },
  258. getDistance: () => {
  259. if (measure.points.length < 2) return 0
  260. var value = measure.points[0].distanceTo(measure.points[1])
  261. return {
  262. value, //米
  263. string: measure.getConvertString(value, 'distance')
  264. }
  265. },
  266. //手动开启或关闭:
  267. show: () => {
  268. Potree.Utils.updateVisible(measure, 'inListByUser', true)
  269. },
  270. hide: () => {
  271. Potree.Utils.updateVisible(measure, 'inListByUser', false)
  272. },
  273. fly() {
  274. let result = viewer.focusOnObject(measure, 'measure', 1200)
  275. return result.msg ? result.msg : result.promise
  276. //返回值 1 deferred 表示即将位移 2 'posNoChange' 表示已在最佳位置 3 'tooFar' 表示距离最佳位置太远
  277. },
  278. changeSelect(isHight) {
  279. console.log('2d->3d isHight ', isHight)
  280. measure.setSelected(isHight, 'byList')
  281. },
  282. }
  283. }
  284. let sdk = {
  285. sceneBus, mapBus,
  286. canTurnToPanoMode(pos) {
  287. pos = pos ? new THREE.Vector3().copy(pos) : viewer.images360.position
  288. let pano = viewer.images360.findNearestPano(pos)
  289. if (pano && pano.position.distanceTo(pos) < Potree.config.panoFieldRadius * pano.pointcloud.scale.x) {
  290. return {model:pano.pointcloud.result_}
  291. }
  292. //poschange后会调用这个,如果返回false会变为点云模式,且不会自动变回原先的模式
  293. },
  294. getPositionByScreen(pos2d, hopeModelId) {//通过屏幕坐标获取真实坐标 . hopeModelId: 如果指定了模型,优先返回hopeModelId上的intersect
  295. //console.log('getPositionByScreen',hopeModelId)
  296. hopeModelId = null
  297. let worldPos, localPos, modelId, intersect
  298. let Handler = viewer.inputHandler
  299. let reGet = () => {//不使用当前鼠标所在位置的intersect,单独算
  300. pos2d.clientX = pos2d.x
  301. pos2d.clientY = pos2d.y
  302. pos2d.onlyGetIntersect = true
  303. pos2d.whichPointcloud = true
  304. if (hopeModelId != void 0) {//隐藏其他的模型
  305. let models = MergeEditor.getAllObjects()
  306. models.forEach(model => {
  307. Potree.Utils.updateVisible(model, 'forPick', model.dataset_id == hopeModelId)
  308. })
  309. }
  310. let intersect2 = Handler.onMouseMove(pos2d)
  311. if (hopeModelId != void 0) {//恢复
  312. let models = MergeEditor.getAllObjects()
  313. models.forEach(model => {
  314. Potree.Utils.updateVisible(model, 'forPick', true)
  315. })
  316. }
  317. if (intersect2 && intersect2.location) {
  318. intersect = intersect2
  319. }
  320. }
  321. if (pos2d && pos2d.inDrag) {
  322. reGet()
  323. } else {
  324. intersect = Handler.intersect
  325. if (intersect) {
  326. modelId = intersect.pointcloud ? intersect.pointcloud.dataset_id : intersect.object.dataset_id
  327. if (hopeModelId != void 0 && modelId != hopeModelId) {
  328. reGet()
  329. }
  330. }
  331. }
  332. if (intersect && intersect.location) {
  333. modelId = intersect.pointcloud ? intersect.pointcloud.dataset_id : intersect.object.dataset_id
  334. /* if(hopeModelId != void 0 && modelId != hopeModelId){
  335. return null
  336. } */
  337. worldPos = intersect.location.clone()
  338. localPos = Potree.Utils.datasetPosTransform({ toDataset: true, datasetId: modelId, position: worldPos })
  339. } else return null
  340. return { worldPos, modelId, localPos }
  341. },
  342. getScreenByPosition(pos3d, modelId, canShelter/* , disToCameraLimit */) {//通过模型局部坐标获取屏幕坐标
  343. //console.log('getScreenByPoint ')
  344. let isLocal = modelId != void 0
  345. pos3d = new THREE.Vector3().copy(pos3d)
  346. let worldPos = isLocal ? Potree.Utils.datasetPosTransform({ fromDataset: true, datasetId: modelId, position: pos3d }) : pos3d
  347. if (!worldPos) return
  348. if (canShelter) {
  349. if (viewer.inputHandler.ifBlockedByIntersect(worldPos, 0.1, true)) return { trueSide: false };
  350. }
  351. var viewport = viewer.mainViewport
  352. var camera = viewport.camera
  353. var dom = viewer.renderArea
  354. if (tagLimitDis != void 0) {
  355. if (camera.position.distanceToSquared(worldPos) > Math.pow(tagLimitDis, 2)) return false
  356. }
  357. //console.log('getScreenByPoint ' + pos3d.toArray())
  358. return Potree.Utils.getPos2d(worldPos, viewport, dom)
  359. },
  360. setCameraFov(fov) {
  361. viewer.setFOV(fov)
  362. },
  363. screenshot: (width, height/* , bgOpacity=0 */ ) => {//
  364. //截图
  365. let bgOpacity = Potree.settings.showCesium ? 0 : 1 /* viewer.background == 'skybox' */ //因为要画map底图所以上层只能透明。之后需要的话再改
  366. console.log('bgOpacity', bgOpacity)
  367. Potree.Utils.updateVisible(MergeEditor.boxHelper, 'screenshot', false)
  368. var { getImagePromise, finishPromise } = viewer.startScreenshot({ type: 'default', /* useRenderTarget:true, */bgOpacity }, width, height)
  369. var deferred = $.Deferred();
  370. finishPromise.done(({ dataUrl }) => {
  371. if(Potree.settings.displayMode != 'showPanos' && Potree.settings.showCesium){//need map background
  372. Potree.cesScreenshot(width, height).done((mapBGurl)=>{
  373. let img = new Image(); img.src = dataUrl
  374. let imgBG = new Image(); imgBG.src = mapBGurl
  375. let loadCount = 0
  376. img.onload = imgBG.onload = ()=>{
  377. loadCount++;
  378. if(loadCount == 2){
  379. let url = Potree.Common.imgAddLabel(imgBG,img,{leftRatioToImg:0,topRatioToImg:0})
  380. deferred.resolve(url)
  381. }
  382. }
  383. })
  384. }else{
  385. deferred.resolve(dataUrl)
  386. }
  387. Potree.Utils.updateVisible(MergeEditor.boxHelper, 'screenshot', true)
  388. })
  389. return deferred.promise()
  390. },
  391. getPose() {//获取当前点位和朝向
  392. const camera = viewer.scene.getActiveCamera()
  393. const target = viewer.scene.view.getPivot().clone()
  394. const position = viewer.scene.view.position.clone()
  395. const pose = { position, target, displayMode:Potree.settings.displayMode }
  396. if(Potree.settings.displayMode == 'showPanos'){
  397. let model = viewer.images360.currentPano.pointcloud
  398. pose.panoId = viewer.images360.currentPano.originID
  399. pose.model = model.result_
  400. pose.posInModel = Potree.Utils.datasetPosTransform({ toDataset: true, position: camera.position.clone(), object:model })
  401. pose.rotInModel = Potree.Utils.datasetRotTransform({ toDataset: true, quaternion: camera.quaternion.clone(), getQuaternion: true, pointcloud:model }).toArray() //拿第一个数据集
  402. }
  403. //console.log('getPose',position, target)
  404. return pose
  405. },
  406. comeTo(o = {}) {
  407. //console.log('comeTo',o.position, o.target)
  408. //飞到某个点
  409. let deferred = $.Deferred()
  410. if(o.panoId != void 0){
  411. let model = o.model.model
  412. let pano = model.panos.find(a=>a.originID == o.panoId)
  413. if(pano){
  414. o.rotInModel = new THREE.Quaternion().fromArray(o.rotInModel)
  415. let quaternion = Potree.Utils.datasetRotTransform({ fromDataset: true, quaternion: o.rotInModel, getQuaternion: true, object:model})
  416. o.model.flyInPano(pano, {quaternion, duration:0, callback(){
  417. o.callback && o.callback()
  418. deferred.resolve(true)
  419. }})
  420. return deferred.promise()
  421. }else{
  422. console.warn('没有找到漫游点',o)
  423. }
  424. }else if(requestInPano){
  425. requestInPano.result_.flyOutPano()
  426. }else{
  427. if (o.modelId != void 0) {
  428. ['position', 'target'].forEach(e => {
  429. if (o[e]) {
  430. o[e] = Potree.Utils.datasetPosTransform({ fromDataset: true, datasetId: o.modelId, position: o[e] })
  431. }
  432. })
  433. }
  434. }
  435. if (o.distance) {
  436. let position = o.target || o.position
  437. return viewer.focusOnObject({ position }, 'tag', null, { distance: o.distance }).promise
  438. }
  439. viewer.scene.view.setView($.extend({}, o, {
  440. duration: o.dur,
  441. callback: () => {
  442. o.callback && o.callback()
  443. deferred.resolve(true)
  444. }
  445. }))
  446. return deferred.promise()
  447. },
  448. setBackdrop(sky, type, { scale, rotate }) {//天空盒背景
  449. //console.log('天空盒背景', sky,type)
  450. let setGroundAndText = (color) => {
  451. MergeEditor.secondCompass.dom.find(".dirText").css({ 'color': color })
  452. viewer.compass.dom.find(".dirText").css({ 'color': color })
  453. MergeEditor.ground.material.uniforms.uColor.value.set(color)
  454. //MergeEditor.ground.children[0].material.color.set(color)
  455. }
  456. viewer.dispatchEvent('content_changed')
  457. if(type == 'map'){
  458. MergeEditor.setGroundPlaneImg(null)
  459. viewer.setBackground(mainBackground)
  460. Potree.settings.showCesium = true
  461. buildMap()
  462. viewer.backgroundOpacity = 0
  463. return
  464. }else{
  465. Potree.settings.showCesium = false
  466. }
  467. if (type == 'bimg') {//地面图
  468. MergeEditor.setGroundPlaneImg(sky, scale, rotate)
  469. setGroundAndText('#e0e0e0')
  470. viewer.setBackground(mainBackground)
  471. } else {
  472. MergeEditor.setGroundPlaneImg(null)
  473. if (sky == 'none') {
  474. viewer.setBackground(mainBackground)
  475. setGroundAndText('#eee')
  476. } else if (sky[0] == '#') {
  477. viewer.setBackground(new THREE.Color(sky))
  478. let color = sky == '#fff' ? '#666' : sky == '#333' ? '#eee' : '#bbb' //反相
  479. setGroundAndText(color)
  480. } else if (type == 'image-map' || type == 'vector-map') {//影像|矢量 地图
  481. } else {//环境
  482. viewer.setBackground('skybox', sky)
  483. setGroundAndText('#e0e0e0')
  484. }
  485. }
  486. },
  487. switchMapType(type) {
  488. let map = viewer.mapViewer.mapLayer.maps.find(e => e.name == 'map')
  489. map.switchStyle(type/* map.style == 'satellite' ? 'standard' : 'satellite' */)
  490. },
  491. enableMap(mapArea, latlng) {
  492. if (!viewer.mapViewer) {
  493. //--------------------------------
  494. viewer.mapViewer = new Potree.MapViewer(mapArea)
  495. viewer.mapViewer.initProjection()
  496. //focus
  497. let boundSize = new THREE.Vector3(200, 150, 1).max(viewer.bound.boundSize)
  498. viewer.mapViewer.addEventListener('viewerResize', () => {
  499. viewer.mapViewer.moveTo(viewer.bound.center, boundSize, 0)
  500. }, { once: true })
  501. }
  502. },
  503. enterSceneGuide(pathArr) {//导览 (不需要修改参数)
  504. let editor = viewer.modules.CamAniEditor
  505. console.log('pathArr', pathArr)
  506. //console.log('enterSceneGuide',pathArr)
  507. pathArr.forEach(e=>{
  508. if(e.panoId != void 0){
  509. e.model = e.model.model
  510. }
  511. })
  512. let data = {
  513. //duration: pathArr.slice(0, pathArr.length - 1).reduce(function (total, currentValue) { return total + currentValue.time }, 0), //总时长(要去掉最后一个,因为已到终点,该点time无意义)
  514. points: pathArr,
  515. useDurSlice: true
  516. }
  517. let ani = editor.createMulAnimation(data)
  518. //注:最多只存在一条导览
  519. let bus = mitt()
  520. //播放完成
  521. ani.event_.addEventListener('playDone', () => {
  522. bus.emit('playComplete')
  523. viewer.images360.panos.forEach(e=>e.marker && Potree.Utils.updateVisible(e, 'playAni', true))
  524. })
  525. //切换点
  526. ani.event_.addEventListener('updateCurrentIndex', e => {
  527. bus.emit('changePoint', e.currentIndex + 1)
  528. })
  529. return {
  530. bus,
  531. play() {
  532. MergeEditor.selectModel(null)
  533. viewer.images360.panos.forEach(e=>e.marker && Potree.Utils.updateVisible(e, 'playAni', false))
  534. ani.play()
  535. },
  536. pause() {
  537. viewer.images360.panos.forEach(e=>e.marker && Potree.Utils.updateVisible(e, 'playAni', true))
  538. ani.stop()
  539. },
  540. clear() {
  541. ani.remove()
  542. },
  543. }
  544. },
  545. //[path1, paht2], { time, speed }
  546. calcPathInfo(paths, info) { //传入的time, speed仅有一个。返回完整的 time, speed
  547. //这一版的control似乎无法在某个位置上改变角度,位置和角度一般都是一起变的,所以先不增加单位更换功能。
  548. let pos1 = new THREE.Vector3().copy(paths[0].position)
  549. let pos2 = new THREE.Vector3().copy(paths[1].position)
  550. let dis = pos1.distanceTo(pos2)
  551. if (info.time != void 0) {
  552. info.speed = dis / info.time
  553. } else {
  554. info.time = dis / info.speed
  555. }
  556. return info
  557. },
  558. addModel(props) {
  559. let bus = props.bus = mitt()
  560. //console.log('addModel',props)
  561. props.isFirstLoad = isLocal ? props.bottom == void 0 : (props.isDynamicAdded || props.mode == 'single') // 在编辑时用户添加的 或 展示单个模型 (props.mode='single'模型展示页, props.mode='many'融合页)
  562. if (props.opacity == void 0) props.opacity = 1
  563. if (props.type == 'obj') props.type = 'glb'
  564. props.scale /= 100
  565. if (props.rotation) {
  566. if (props.rotation._x == void 0 && props.rotation.x != void 0) {
  567. props.rotation = new THREE.Euler().setFromVector3(props.rotation)
  568. }
  569. }
  570. let getDefaultRotation = () => {
  571. if(ModelTypes[props.fromType]?.rot90 && props.type != 'glb'){
  572. return new THREE.Euler(Math.PI / 2, 0, 0)
  573. } else return new THREE.Euler(0, 0, 0)
  574. }
  575. if (!props.isFirstLoad) {
  576. if (autoLoads.length == 0) { //首次加载
  577. setTimeout(() => {
  578. let sizes = autoLoads.map(e => e.size || 0)
  579. console.log('需要请求加载的模型大小为', sizes, '总大小', sizes.reduce(function (total, currentValue) {
  580. let current = parseFloat(currentValue)
  581. return total + ((typeof currentValue == 'number' || currentValue.includes('M')) ? current : current / 1024)
  582. }, 0))
  583. readyToAddModel = true //准备开始加载
  584. loadNext()//startLoad(autoLoads[0])
  585. }, 30)
  586. }
  587. autoLoads.push(props)
  588. readyToAddModel = false
  589. } else {
  590. readyToAddModel = true
  591. props.rotation = getDefaultRotation()
  592. }
  593. let model
  594. let done = (model_) => {
  595. model = model_
  596. model.result_ = result
  597. model.props = props
  598. result.model = model
  599. model.fromType = ModelTypes[props.fromType].name
  600. if (!props.isFirstLoad) {
  601. model.visible = false//先不显示,防止卡顿
  602. }
  603. model.showInPano = props.raw.showInPano
  604. props.opacity < 100 && result.changeOpacity(props.opacity)
  605. model.addEventListener('changeSelect', (e) => {
  606. bus.emit('changeSelect', e.selected)
  607. })
  608. let lastState = {}
  609. model.addEventListener('transformChanged', (e) => {
  610. let msg = {}
  611. if (!lastState.position || !model.position.equals(lastState.position)) {
  612. lastState.position = msg.position = model.position.clone()
  613. }
  614. if (!lastState.rotation || !model.rotation.equals(lastState.rotation)) {
  615. lastState.rotation = msg.rotation = model.rotation.clone()
  616. }
  617. if (lastState.scale == void 0 || model.scale.x * 100 != lastState.scale) {
  618. lastState.scale = msg.scale = model.scale.x * 100
  619. }
  620. msg = Potree.Common.CloneObject(msg)
  621. //console.log(msg)
  622. bus.emit('transformChanged', msg)
  623. })
  624. spliceFromArr(model, props, true)
  625. model.addEventListener('changeSelect', (e) => {
  626. MergeEditor.transformControls.visible && e.selected && MergeEditor.transformControls.attach(model, e.clickPos) //: MergeEditor.transformControls.detach()
  627. })
  628. if (props.mode == 'single') {//模型查看页
  629. MergeEditor.noNeedSelection = true
  630. setTimeout(() => {
  631. MergeEditor.focusOn([model], 1000, true, true)
  632. }, 1)
  633. }
  634. if(ModelTypes[props.fromType].panos4dkk){
  635. Potree.load4dkkPanos(props.raw.num, model, getDefaultRotation(), () => {
  636. bus.emit('loadDone')
  637. }, props.fromType == 0 ? '2k' : '4k' ) //看看场景是2k
  638. } else {
  639. bus.emit('loadDone')
  640. }
  641. //console.log('loadDone' )
  642. }
  643. let progressFun = (progress) => {
  644. bus.emit('loadProgress', progress)
  645. }
  646. let onError = function (xhr) {
  647. bus.emit('loadError', xhr)
  648. console.log('loadError!!!!!!!!!', Potree.Common.getNameFromURL(props.url), props.size, xhr)
  649. spliceFromArr(model, props, false)
  650. }
  651. try {
  652. props.url = JSON.parse(props.url) //去掉 '\'
  653. } catch (e) { }
  654. props.done = done; props.progressFun = progressFun; props.onError = onError
  655. if (readyToAddModel) {
  656. if (autoLoads.filter(e => e.loading).length < maxLoadingCount) {
  657. startLoad(props)
  658. }
  659. }
  660. let scaleMeasure
  661. let result = {
  662. bus,
  663. model,
  664. getDefaultRotation,
  665. supportPano() { //是否支持全景图
  666. return model?.panos?.length > 0
  667. },
  668. flyInPano(pano, {dontFly, quaternion, duration}={}) {// 飞入全景图
  669. requestInPano = model
  670. pano = pano || viewer.images360.findNearestPano(null, model.panos)
  671. if (pano) {
  672. dontFly || viewer.images360.flyToPano({ pano, canCancelLast: true, quaternion, duration})
  673. Potree.settings.displayMode = 'showPanos'
  674. }
  675. },
  676. flyOutPano() {// 飞出全景图(就是切换到正常融合视角)
  677. requestInPano = false
  678. Potree.settings.displayMode = 'showPointCloud'
  679. /* setTimeout(() => {//在下一帧再变,因为3dtiles需要更新一下才会显示tiles
  680. if (!requestInPano) {
  681. Potree.settings.displayMode = 'showPointCloud'
  682. Potree.Utils.updateVisible(MergeEditor.boxHelper, 'showPanos', true)
  683. }
  684. }, 50) */
  685. },
  686. changeShow(show) {
  687. props.show = show //for autoLoads show model
  688. if (model) {
  689. Potree.Utils.updateVisible(model, 'datasetSelection', show)
  690. if (model.panos) {
  691. model.panos.forEach(e => e.setEnable(show))
  692. }
  693. viewer.dispatchEvent('content_changed')
  694. }
  695. },
  696. changeSelect(state) {
  697. console.error('select', state)
  698. if (model) {
  699. let fly = viewer.images360.latestRequestMode != 'showPanos'
  700. MergeEditor.selectModel(model, state, fly, true)
  701. updateCamNear()
  702. //console.log('changeSelect', props.id, state)
  703. }
  704. },
  705. changeScale(s) {
  706. if (model) {
  707. s /= 100
  708. if (model.scale.x == s) return
  709. //MergeEditor.history.beforeChange(model)//但不知道什么时候结束拖拽
  710. model.scale.set(s, s, s)
  711. model.isPointcloud && model.changePointSize(/* Potree.config.material.realPointSize * s */)
  712. model.dispatchEvent("scale_changed")
  713. }
  714. },
  715. changeOpacity(opacity) { //见笔记:透明物体的材质设置
  716. if (opacity == void 0) opacity = 100
  717. opacity /= 100
  718. MergeEditor.changeOpacity(model, opacity)
  719. },
  720. changeBottom(z) {
  721. /* model && MergeEditor.setModelBtmHeight(model,z)
  722. model.dispatchEvent('transformChanged') //改了position */
  723. },
  724. changePosition(pos) {//校准取消时执行
  725. console.log('changePosition', pos.x, pos.y, pos.z)
  726. model && model.position.copy(pos)
  727. model.dispatchEvent({ type: 'position_changed' })
  728. },
  729. changeRotation(rot) {//校准取消时执行
  730. console.log('changeRotation', rot.x, rot.y, rot.z)
  731. model && model.rotation.setFromVector3(rot)
  732. model.dispatchEvent({ type: 'rotation_changed' })
  733. },
  734. enterRotateMode() {
  735. if (model) {
  736. if (MergeEditor.split) {//分屏校准
  737. MergeEditor.setTransformState('rotate')
  738. MergeEditor.transformControls2.attach(model)
  739. MergeEditor.transformControls2.mode = 'rotate'
  740. }
  741. MergeEditor.transformControls.attach(model)
  742. MergeEditor.transformControls.mode = 'rotate'
  743. }
  744. },
  745. enterMoveMode() {
  746. console.log('enterMoveMode')
  747. if (model) {
  748. if (MergeEditor.split) {//分屏校准
  749. MergeEditor.setTransformState('translate')
  750. MergeEditor.transformControls2.attach(model)
  751. MergeEditor.transformControls2.mode = 'translate'
  752. }
  753. MergeEditor.transformControls.attach(model)
  754. MergeEditor.transformControls.mode = 'translate'
  755. }
  756. },
  757. leaveTransform() {
  758. console.log('leaveTransform')
  759. if (MergeEditor.split) {//分屏校准
  760. MergeEditor.setTransformState(null)
  761. } else {
  762. MergeEditor.transformControls.detach()
  763. MergeEditor.transformControls2.detach()
  764. }
  765. MergeEditor.history.clear()
  766. },
  767. enterAlignment() {//开始校准
  768. result.leaveTransform()
  769. MergeEditor.enterSplit()
  770. //console.log('enterAlignment',model.position, model.rotation)
  771. let bus = new mitt()
  772. /* MergeEditor.transformControls.attach(model)
  773. MergeEditor.transformControls.mode = 'translate' */
  774. return {
  775. bus
  776. }
  777. },
  778. leaveAlignment() {
  779. //console.log('leaveAlignment',model.position, model.rotation)
  780. MergeEditor.leaveSplit()
  781. MergeEditor.transformControls.detach()
  782. MergeEditor.transformControls2.detach()
  783. },
  784. enterScaleSet() {//设置比例
  785. let bus = new mitt()
  786. let length, measureBuilded;
  787. //viewer.outlinePass.selectedObjects = []
  788. if (!Potree.Utils.isInsideFrustum(model.boundingBox.clone().applyMatrix4(model.matrixWorld), viewer.scene.getActiveCamera())) {
  789. MergeEditor.focusOn(model, 600)
  790. }
  791. MergeEditor.getAllObjects().forEach(m => {//隐藏其他的模型
  792. if (m != model) Potree.Utils.updateVisible(m, 'enterScaleSet', false)
  793. })
  794. let setScale = () => {
  795. if (length == void 0 || !measureBuilded) return
  796. let vec = new THREE.Vector3().subVectors(viewer.mainViewport.camera.position, scaleMeasure.points[1])
  797. let s = length / (scaleMeasure.points[0].distanceTo(scaleMeasure.points[1]))
  798. result.changeScale(model.scale.x * s * 100)
  799. /* setTimeout(()=>{
  800. viewer.focusOnObject(scaleMeasure , 'measure', 500)
  801. },1) */
  802. let newCamPos = new THREE.Vector3().addVectors(scaleMeasure.points[1], vec.multiplyScalar(s))
  803. viewer.scene.view.setView({
  804. position: newCamPos, target: scaleMeasure.getCenter(), duration: 0, callback: () => {
  805. //更改target到measure中心的好处就是可以让相机绕measure中心转,坏处是每次更改都会变一下画面
  806. }
  807. })
  808. }
  809. return {
  810. bus,
  811. setLength(v) {
  812. if (!v) return
  813. length = v
  814. setScale()
  815. },
  816. startMeasure() {
  817. if (scaleMeasure) {
  818. viewer.dispatchEvent({ type: 'cancel_insertions', remove: true, measure: scaleMeasure })
  819. viewer.scene.removeMeasurement(scaleMeasure)
  820. }
  821. measureBuilded = false
  822. scaleMeasure = viewer.measuringTool.startInsertion(
  823. { measureType: "Distance", unit: "metric" },
  824. () => {
  825. //done:
  826. //bus.emit('end' ) //完成
  827. measureBuilded = true
  828. setScale()
  829. },
  830. () => {
  831. //cancel
  832. //bus.emit('quit') //删除
  833. }
  834. )
  835. scaleMeasure.addEventListener('marker_dropped', (e) => {//拖拽结束后发送changeCallBack
  836. if (scaleMeasure.parent) {
  837. //未被删除
  838. measureBuilded && setScale()
  839. }
  840. })
  841. }
  842. }
  843. },
  844. leaveScaleSet() {
  845. if (scaleMeasure) {
  846. viewer.dispatchEvent({ type: 'cancel_insertions', remove: true, measure: scaleMeasure })
  847. viewer.scene.removeMeasurement(scaleMeasure)
  848. scaleMeasure = null
  849. }
  850. //viewer.outlinePass.selectedObjects = [model];
  851. MergeEditor.getAllObjects().forEach(m => {//恢复其他的模型
  852. if (m != model) Potree.Utils.updateVisible(m, 'enterScaleSet', true)
  853. })
  854. },
  855. destroy() {
  856. model && MergeEditor.removeModel(model)
  857. result.changeSelect(false)
  858. viewer.dispatchEvent('content_changed')
  859. }
  860. }
  861. return result
  862. },
  863. //测量线的点都附着于各个模型,当模型变化时,点跟着变化。
  864. // 新的测量创建方法,传入type 返回新测量对象
  865. startMeasure(type) {
  866. // 寻创建的测量对象有上面绘画测量对象的所有方法
  867. const bus = mitt()
  868. let info = getMeasureType(type)
  869. let measure = viewer.measuringTool.startInsertion(
  870. info,
  871. () => {
  872. //done:
  873. /* bus.emit('submit', {
  874. dataset_points: measure.dataset_points.map(p=>p.clone()) ,
  875. points_datasets: measure.points_datasets
  876. } ) //完成 */
  877. bus.emit('submit')
  878. bus.emit('update', [
  879. measure.dataset_points.map(p => p.clone()),
  880. measure.points_datasets
  881. ])
  882. },
  883. () => {
  884. //cancel
  885. bus.emit('cancel'/* , ret */) //删除
  886. }
  887. )
  888. Potree.Log('startMeasure: ' + measure.id, '#00c7b2')
  889. /* let cancel = ()=>{
  890. Potree.Log('clear删除: ' + measure.id, '#00c7b2')
  891. viewer.dispatchEvent({ type: 'cancel_insertions', remove: true, measure })
  892. viewer.scene.removeMeasurement(measure)
  893. } */
  894. let result = {
  895. bus,
  896. ...getMeasureFunction(measure, bus),
  897. }
  898. /* StartMeasure = Measure & {
  899. // 多了cancel 取消测量的事件,没有参数
  900. // 多了invalidPoint 当用户测量了无效点时的事件,抛出无效原因
  901. bus: Emitter<{ cancel: void; invalidPoint: string }>
  902. } */
  903. return result
  904. },
  905. // 绘画测量线(非新增使用)
  906. // type = 'free' (自由) || 'vertical' (垂直) || 'area' (面积)
  907. // positions 点数组 构成如下 [{ point: {x,y,z}, modelId: 1 }]
  908. drawMeasure(type, dataset_points, points_datasets) {
  909. // 返回测量对象有如下
  910. const bus = mitt()
  911. let info = getMeasureType(type /* , unit */)
  912. //info.points = positions
  913. info.dataset_points = dataset_points
  914. info.points_datasets = points_datasets
  915. //info.sid = sid
  916. info.bus = bus
  917. let measure = viewer.measuringTool.createMeasureFromData(info)
  918. if (!measure) return { bus }
  919. Potree.Log('drawMeasure由数据新建: ' + measure.id, '#00c7b2')
  920. let result = {
  921. bus,
  922. setPositions(dataset_points, points_datasets) {//用于恢复measure的点,不会修改点的个数
  923. measure.dataset_points = dataset_points.map(e => {
  924. return e && new THREE.Vector3().copy(e)
  925. })
  926. measure.points_datasets = points_datasets
  927. measure.points = measure.dataset_points.map((p, i) => {
  928. return Potree.Utils.datasetPosTransform({ fromDataset: true, datasetId: measure.points_datasets[i], position: p })
  929. })
  930. measure.getPoint2dInfo(measure.points)
  931. measure.update({ ifUpdateMarkers: true })
  932. measure.setSelected(false)//隐藏edgelabel
  933. },
  934. ...getMeasureFunction(measure, bus),
  935. }
  936. return result
  937. },
  938. addTag(info) {//加标签
  939. let bus = mitt()
  940. let tag
  941. let done = () => {
  942. bus.emit('added')
  943. bus.emit('update', { position: tag.position.clone(), normal: o.normal.clone(), modelId: tag.root.dataset_id })
  944. tag = tag_
  945. tag.spot.addEventListener('mouseover', () => {
  946. bus.emit('hoverState', true)
  947. })
  948. tag.spot.addEventListener('mouseout', () => {
  949. bus.emit('hoverState', false)
  950. })
  951. }
  952. if (!info.position) {
  953. viewer.tagTool.startInsertion().done(tag_ => {
  954. done()
  955. })
  956. } else {
  957. info.root = MergeEditor.getAllObjects().find(e => e.dataset_id == info.modelId)
  958. if (!info.root) {
  959. console.error('没有找到该modelId')
  960. }
  961. tag = viewer.tagTool.createTagFromData(info)
  962. done()
  963. }
  964. let result = {
  965. bus,
  966. getScreenPos() {
  967. let pos3d = new THREE.Vector3().setFromMatrixPosition(tag.matrixWorld)
  968. return sdk.getScreenByPosition(pos3d)
  969. },
  970. show() {
  971. Potree.Utils.updateVisible(tag, 'byList', true)
  972. },
  973. hide() {
  974. Potree.Utils.updateVisible(tag, 'byList', false)
  975. },
  976. destroy() {
  977. if (tag) {
  978. tag.dispose()
  979. }
  980. viewer.dispatchEvent({ type: 'cancel_insertions', remove: true })
  981. },
  982. changeTitle(title) {
  983. tag.changeTitle(title)
  984. }
  985. }
  986. return result
  987. },
  988. showGrid() {
  989. Potree.Utils.updateVisible(viewer.modules.MergeEditor.ground, 'hideGrid', true)
  990. viewer.dispatchEvent('content_changed')
  991. },
  992. hideGrid() {
  993. Potree.Utils.updateVisible(viewer.modules.MergeEditor.ground, 'hideGrid', false)
  994. viewer.dispatchEvent('content_changed')
  995. }
  996. }
  997. function spliceFromArr(model, props, loaded){
  998. //let autoLoads.find()
  999. props.loadFinish = true
  1000. props.loading = false
  1001. if (loaded) {
  1002. props.loaded = true
  1003. props.model = model
  1004. } else {
  1005. props.error = true
  1006. }
  1007. /* let haventLoad = autoLoads.filter(e=>!e.loading && !e.loadFinish);
  1008. if( haventLoad[0]){
  1009. startLoad(haventLoad[0])
  1010. */
  1011. if (!loadNext()) {
  1012. if (autoLoads.filter(e => !e.loadFinish).length == 0 && autoLoads.filter(e => e.loaded).length > 0 && !props.isFirstLoad) {//设置相机位置:当自动开始加载第一个模型时(其余的也跟着自动加载),等这批加载完后;
  1013. let autoLoadsDone = autoLoads.filter(e => e.loaded).map(e => e.model)
  1014. let loadTimeCost = Date.now() - loadStartTime
  1015. console.log('所有模型加载完毕, 耗时', parseInt(loadTimeCost) )
  1016. autoLoads.filter(e => e.loaded && e.show).forEach(e => e.model.visible = true)
  1017. MergeEditor.focusOn(autoLoadsDone, 1000, true, true)
  1018. autoLoads.length = 0
  1019. }
  1020. }
  1021. }
  1022. function loadNext(){
  1023. let haventLoad = autoLoads.filter(e => !e.loading && !e.loadFinish);
  1024. let loading = autoLoads.filter(e => e.loading);
  1025. let needLoad = haventLoad.slice(0, maxLoadingCount - loading.length)
  1026. needLoad.forEach(e => startLoad(e))
  1027. return haventLoad.length > 0
  1028. }
  1029. function startLoad(prop){
  1030. /* if(prop.raw.visible !== 1){//用于临时隐藏
  1031. setTimeout(()=>{
  1032. spliceFromArr(null, prop, false)
  1033. prop.bus.emit('loadError' )
  1034. },1)
  1035. return
  1036. } */
  1037. if(prop.loading || prop.loadFinish)return
  1038. Potree.Log(`--开始加载--`, { font: { color: '#f68' } });
  1039. console.log('id:', prop.id, ', title:', prop.title, ', filename:', Potree.Common.getNameFromURL(prop.url), ', type:', prop.type, prop)
  1040. prop.unlit = prop.renderType != 'normal'
  1041. prop.maximumScreenSpaceError = 70
  1042. prop.prefix = prop.raw.prefix
  1043. Potree.addModel(prop, prop.done, prop.progressFun, prop.onError)
  1044. prop.loading = true
  1045. }
  1046. function buildMap(){
  1047. if (Potree.settings.showCesium && !window.cesiumViewer) {
  1048. viewer.backgroundOpacity = 0
  1049. Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI2ZGM2YzY0ZC1kNWE0LTRiYTgtYTkwNS1kYmJiODRjMWUwMmQiLCJpZCI6MjMzMTQ1LCJpYXQiOjE3MjI5OTUwNTB9.niqpkl6xOkQ2KeJjelyDDDydmSGqKXKb5cX2NyxSNAw'
  1050. window.cesiumViewer = new Cesium.Viewer('app', {
  1051. useDefaultRenderLoop: true,
  1052. requestRenderMode: true, //add 只有需要render时才会render,如tile加载完后、镜头移动后
  1053. animation: false,
  1054. baseLayerPicker: false,
  1055. fullscreenButton: false,
  1056. geocoder: false,
  1057. homeButton: false,
  1058. infoBox: false,
  1059. sceneModePicker: false,
  1060. selectionIndicator: false,
  1061. timeline: false,
  1062. navigationHelpButton: false,
  1063. //imageryProvider : Cesium.createOpenStreetMapImageryProvider({url : 'https://a.tile.openstreetmap.org/'}),
  1064. imageryProvider: Cesium.UrlTemplateImageryProvider({ //直接用84坐标,不用转高德
  1065. //"https://wprd04.is.autonavi.com/appmaptile?lang=zh_cn&style=7&yrs=m&x=${x}&y=${y}&z=${z}" //
  1066. //url : 'https://webst0{0-7}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}&token=YOUR_API_KEY',
  1067. url: 'https://wprd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}&token=YOUR_API_KEY',
  1068. minimumLevel: 0,
  1069. maximumLevel: 19
  1070. }),
  1071. //高德秘钥版 imageryProvider: new Cesium.AmapImageryProvider({key, mapStyle: 'normal'})
  1072. //报错 401 (Unauthorized) 的方法 https://blog.csdn.net/LBY_XK/article/details/121992641
  1073. terrainShadows: Cesium.ShadowMode.DISABLED, //terrain地形
  1074. });
  1075. //lonlat = [113.595236803415,22.3665168584444]//[113.600356,22.364093]
  1076. Potree.setLonlat(lonlat[0], lonlat[1])
  1077. Potree.cesScreenshot = (w,h)=>{
  1078. console.log('cesScreenshot',w,h)
  1079. cesiumViewer.scene.canvas.style.width = w+'px'
  1080. cesiumViewer.scene.canvas.style.height = h+'px'
  1081. cesiumViewer.scene.canvas.style.visibility = 'hidden'
  1082. cesiumViewer.resize()
  1083. cesAspect = w/h
  1084. let deferred = $.Deferred();
  1085. updateMap(w/h)//hfov可能改变了需要update。
  1086. setTimeout(()=>{ //延迟是似乎还要做别的处理,否则立即截图的话可能得到绿色底图(俯视状态容易触发)
  1087. let oldMode = window.cesiumViewer._cesiumWidget._scene.requestRenderMode
  1088. window.cesiumViewer._cesiumWidget._scene.requestRenderMode = 0 //强制render,否则会黑屏
  1089. cesiumViewer.render();
  1090. let dataUrl = window.cesiumViewer.scene.canvas.toDataURL('image/png')
  1091. window.cesiumViewer._cesiumWidget._scene.requestRenderMode = oldMode
  1092. //Potree.Common.downloadFile(dataUrl, 'screenshot.png')
  1093. cesAspect = null
  1094. cesiumViewer.scene.canvas.style.width = ''
  1095. cesiumViewer.scene.canvas.style.height = ''
  1096. cesiumViewer.scene.canvas.style.visibility = ''
  1097. deferred.resolve(dataUrl)
  1098. },200) //时间短了容易黑屏
  1099. return deferred.promise()
  1100. }
  1101. }
  1102. updateMap()
  1103. }
  1104. function updateCamNear(type){// 有的漫游场景模型缩放的很小(0.1%),需要缩小near才能看见, 但会造成z-fighting, 离远了看大模型会闪烁
  1105. const min = 0.0001, max = 0.1
  1106. let near , bigScale = 0.2
  1107. if(Potree.settings.displayMode == 'showPanos'/* && type != 'cameraMove' */){
  1108. let currentModel = viewer.images360.currentPano.pointcloud
  1109. near = Potree.math.linearClamp(currentModel.scale.x, [0, 1], [min, max])
  1110. }else/* if(type == 'cameraMove') */{
  1111. //没有完美的解决方式,优先考虑选中的模型。否则优先考虑离得近的。 另外尽量用大的,因为缩很小的情况很少。
  1112. //虽然案例说应该看model.bound.size,但如果非场景模型,缩很小的话也不需要凑近看。
  1113. let allModels = viewer.objs.children.concat(viewer.scene.pointclouds)
  1114. if(allModels.length == 0)return
  1115. allModels.sort((a,b)=>{return a.scale.x - b.scale.x})
  1116. let minS = allModels[0].scale.x, maxS = allModels.pop().scale.x
  1117. let considerModel
  1118. if(minS>bigScale) near = max
  1119. else{
  1120. if(MergeEditor.selected){
  1121. considerModel = MergeEditor.selected
  1122. near = Potree.math.linearClamp(considerModel.scale.x, [0, bigScale], [min, max])
  1123. }else{
  1124. //allModels = allModels.filter() //写不下去了好难,就算了吧, 折中
  1125. near = Potree.math.linearClamp(minS, [0, bigScale], [max/4, max])
  1126. }
  1127. }
  1128. }
  1129. if(near != viewer.mainViewport.camera.near){
  1130. console.log('updateNear',near)
  1131. viewer.mainViewport.camera.near = near
  1132. viewer.mainViewport.camera.updateProjectionMatrix()
  1133. viewer.dispatchEvent('content_changed')
  1134. }
  1135. }
  1136. function updateMap( ){
  1137. if (Potree.settings.showCesium && Potree.settings.displayMode == 'showPointCloud') {
  1138. let camera = viewer.mainViewport.camera
  1139. let pPos = new THREE.Vector3(0, 0, 0).applyMatrix4(camera.matrixWorld);
  1140. let pRight = new THREE.Vector3(600, 0, 0).applyMatrix4(camera.matrixWorld);
  1141. let pUp = new THREE.Vector3(0, 600, 0).applyMatrix4(camera.matrixWorld);
  1142. let pTarget = viewer.scene.view.getPivot();
  1143. let toCes = (pos) => {
  1144. let xy = [pos.x, pos.y];
  1145. let height = pos.z;
  1146. let deg = viewer.transform.lonlatToLocal.inverse(xy) // toMap.forward(xy);
  1147. let cPos = Cesium.Cartesian3.fromDegrees(...deg, height);
  1148. return cPos;
  1149. };
  1150. let cPos = toCes(pPos);
  1151. let cUpTarget = toCes(pUp);
  1152. let cTarget = toCes(pTarget);
  1153. let cDir = Cesium.Cartesian3.subtract(cTarget, cPos, new Cesium.Cartesian3());
  1154. let cUp = Cesium.Cartesian3.subtract(cUpTarget, cPos, new Cesium.Cartesian3());
  1155. cDir = Cesium.Cartesian3.normalize(cDir, new Cesium.Cartesian3());
  1156. cUp = Cesium.Cartesian3.normalize(cUp, new Cesium.Cartesian3());
  1157. cesiumViewer.camera.setView({
  1158. destination: cPos,
  1159. orientation: {
  1160. direction: cDir,
  1161. up: cUp
  1162. }
  1163. });
  1164. let aspect = cesAspect || viewer.scene.getActiveCamera().aspect;
  1165. console.log('updateMap', aspect)
  1166. if (aspect < 1) {
  1167. let fovy = Math.PI * (viewer.scene.getActiveCamera().fov / 180);
  1168. cesiumViewer.camera.frustum.fov = fovy;
  1169. } else {
  1170. let fovy = Math.PI * (viewer.scene.getActiveCamera().fov / 180);
  1171. let fovx = Math.atan(Math.tan(0.5 * fovy) * aspect) * 2
  1172. cesiumViewer.camera.frustum.fov = fovx;
  1173. }
  1174. cesiumViewer.render(); //立即render,否则会和点云render不同步而错位
  1175. }
  1176. }
  1177. return sdk
  1178. }
  1179. /*
  1180. 暂定不同场景间的漫游点不能互通。虽然它们可能是摆放正确的,如果是组成一整个场景的话还是要打通……
  1181. 不互通的方法是设置pano.enable
  1182. 现在需要互通了。但是还需要设置neibgbours, 有点麻烦,暂时没写。
  1183. */
  1184. export default enter