index.js 91 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224
  1. import mitt from 'mitt'
  2. import libTransform from 'coordtransform';
  3. import axios from 'axios' //{ axios } from '@/api'
  4. let requestLoadCount = 0
  5. let maxLoadingCount = 2; //正在加载模型的最大数目
  6. //0看看,1看见,2深时,3用户上传三维模型,4深时mesh,5深光点云,6深光mesh
  7. const ModelTypes = {
  8. 0 : {name:'看看(八目)', panos4dkk:true},
  9. 1 : {name:'看见(双目转台)', panos4dkk:true, rot90:true},
  10. 2 : {name:'深时', },
  11. 3 : {name:'用户上传三维模型'},
  12. 4 : {name:'深时mesh(激光转台)',panos4dkk:true, rot90:true},//3dtiles or obj
  13. 5 : {name:'深光点云' },
  14. 6 : {name:'深光mesh',panos4dkk:true, rot90:true},//3dtiles
  15. 7 : {name:'圆周率相机' },//圆周率相机场景
  16. }
  17. let cesAspect , cesImageryProvider
  18. const Id_noIntersect = -100 //path绘制在地图上的点,modelId传这个值,勿更改
  19. let isValidPoint = (modelId)=>{//所存的modelId没被删或者它本身不在模型上
  20. return modelId == Id_noIntersect || viewer.objs.children.concat(viewer.scene.pointclouds).some(e=>e.dataset_id == modelId )
  21. }
  22. let curSelectPath
  23. {
  24. // 84坐标转高德 (国外地区用84,所以地理注册时填的是84,我这需要转成高德)
  25. const wgs84ToAMap = (pos ) => {
  26. const latlng = libTransform.wgs84togcj02(pos.x, pos.y)
  27. return {
  28. x: latlng[0],
  29. y: latlng[1]
  30. }
  31. }
  32. // 高德坐标转84
  33. const aMapToWgs84 = (pos ) => {
  34. const latlng = libTransform.gcj02towgs84(pos.x, pos.y)
  35. return {
  36. x: latlng[0],
  37. y: latlng[1]
  38. }
  39. }
  40. window.AMapWith84__ = { //在Potree里setLonlat时不管转不转效果都一样 很奇怪,所以这里改名。只在ces
  41. aMapToWgs84, wgs84ToAMap
  42. }
  43. }
  44. //江门本地版本
  45. export const enter = ({ dom, mapDom, isLocal, lonlat, scenes, laserRoot, laserOSSRoot, panoOSSRoot,ossRoot }) => {
  46. console.warn('新的页面')
  47. Potree.settings.isOfficial = true //标记为正式、非测试版本
  48. //Potree.fileServer = axios
  49. Potree.settings.libsUrl = './lib/'
  50. let loadStartTime = Date.now()
  51. //正式环境(本地调试会打不开)
  52. if (location.host === 'mix3d.4dkankan.com') {
  53. Potree.settings.urls.prefix = Potree.settings.urls.prefix6
  54. Potree.settings.webSite = 'datav1'
  55. } else if (location.host === 'xfhd.4dkankan.com') {
  56. Potree.settings.urls.prefix = Potree.settings.urls.prefix7
  57. Potree.settings.webSite = 'datav1'
  58. }
  59. if(window.offline){//离线版
  60. Potree.settings.urls.templates = {
  61. depthTex : 'swss/{sceneCode}/www/{sceneCode}/wwwroot/{sceneCode}/data/{sceneCode}/depthmap',
  62. vision : '/swkk/{sceneCode}/wwwroot/scene_view_data/{sceneCode}/images/vision.txt'
  63. }
  64. Potree.fileStorage = {
  65. get(url){
  66. return new Promise(async function(resolve,reject){
  67. let data = await window.offlineData[url]
  68. if(data){
  69. resolve(data)
  70. }else{
  71. console.error('没找到',url)
  72. reject()
  73. }
  74. })
  75. }
  76. }
  77. }
  78. if(laserRoot != void 0){
  79. Potree.settings.urls.prefix = Potree.settings.urls.handlePrefix(laserRoot)
  80. }
  81. if(laserOSSRoot != void 0){
  82. Potree.settings.urls.setPrefix(1, laserOSSRoot) //dep ..
  83. }
  84. if(panoOSSRoot != void 0){
  85. Potree.settings.urls.setPrefix(3, panoOSSRoot) //tile
  86. Potree.settings.urls.setPrefix(8, panoOSSRoot)//vision.txt
  87. //Potree.settings.urls.panoPrefix = panoOSSRoot //vision.txt
  88. }
  89. if(ossRoot){
  90. Potree.settings.urls.ossRoot/* panoPrefix */ = Potree.settings.urls.handlePrefix(ossRoot) //vision.txt
  91. }
  92. Potree.settings.cloudAddMapping = true
  93. Potree.settings.webSite = 'datav1' //depthTex
  94. const mapBus = mitt(), sceneBus = mitt()
  95. let isLocal2 = true
  96. if(isLocal2){//本地配置
  97. Potree.settings.isLocal = Potree.settings.tileOriginUrl = isLocal2
  98. }
  99. Potree.settings.showCompass = true
  100. Potree.settings.compassDom = dom.querySelector('#direction')
  101. Potree.settings.mergeType2 = true //标识新版
  102. Potree.settings.modelSkybox = true //是否将全景图贴在模型上(会导致卡顿)。若不显示模型将不显示Reticule
  103. Potree.settings.tiles3DMaxMemory = 300 //稍微增加点
  104. Potree.settings.mergeTransCtlOnClick = true
  105. Potree.settings.canWalkThroughModel = true
  106. window.cesErrorWords = '内存占用过高,建议关闭部分场景或升级显卡。'
  107. window.cesErrorCallback = ()=>{
  108. //sdk.setBackdrop('none')
  109. }
  110. let { THREE } = Potree.mergeEditStart(dom, mapDom)
  111. let MergeEditor = viewer.modules.MergeEditor
  112. Potree.settings.unableNavigate = true
  113. Potree.setLonlat(lonlat[0], lonlat[1])
  114. if(window.offline){//离线版 改目录
  115. viewer.images360.tileDownloader.getTiles = function(d, sceneNum, useV4url, model){
  116. let kankan = !model.isPointcloud //ModelTypes[model.props.fromType].panos4dkk
  117. if(kankan){
  118. return `/swkk/${sceneNum}/wwwroot/scene_view_data/${sceneNum}/images/${d}`
  119. }else{
  120. return `/swss/${sceneNum}/www/${sceneNum}/scene_view_data/${sceneNum}/images/${d}`
  121. }
  122. }
  123. }
  124. /* Potree.loadControlPoint = async function(callback,sceneCode,onError,prefix){//点云绑定地图
  125. let path = `/laser/jm/${sceneCode}/getDataSetAndControlPoint`
  126. return Potree.loadFile(path, {
  127. fetchMethod: 'post'
  128. }, callback,onError)
  129. } */
  130. //因为getPose里用的是target,俯视的yaw不准,所以限制一下不要完全俯视
  131. viewer.mainViewport.view.maxPitch-=0.001
  132. viewer.mainViewport.view.minPitch+=0.001
  133. viewer.addEventListener('camera_changed', e => {
  134. var camera = e.viewport.camera
  135. var pos = camera.position
  136. if (e.viewport.name == 'MainView' ) {
  137. sceneBus.emit('cameraChange', { x: pos.x, y: pos.y, z: pos.z, rotate: camera.rotation })
  138. Potree.Common.intervalTool.isWaiting('updateCamNear', ()=>{
  139. updateCamNear()
  140. }, 1000)
  141. updateCamFar()
  142. }
  143. if (e.viewport.name == 'MainView' || e.viewport.name == 'top' ) {
  144. updateMap()
  145. }
  146. })
  147. //-------------------------------------
  148. let modelAinB = (A,B)=>{ //B的expand(5m) bound完全包含A
  149. let boundB = B.boundingBox.clone().expandByVector(new THREE.Vector3(5,5,5)).applyMatrix4(B.matrixWorld)
  150. let boundA = A.boundingBox.clone().applyMatrix4(A.matrixWorld)
  151. return boundB.containsBox(boundA)
  152. }
  153. let changeMeshVisi = (object, show) => {
  154. if(show == void 0) show = Potree.settings.displayMode == 'showPointCloud' || object == viewer.images360.currentPano.pointcloud && Potree.settings.modelSkybox || object.showInPano //showInPano: 装饰物,一直显示
  155. || !object.panos && modelAinB(object, viewer.images360.currentPano.pointcloud) //装饰物
  156. Potree.Utils.updateVisible(object, 'showPanos', show)
  157. }
  158. if(Potree.settings.canWalkThroughModel){
  159. let lastModel
  160. viewer.images360.addEventListener('flyToPano',(e)=>{//开始漫游 漫游到另一个模型就要选中这个模型?
  161. let model = e.toPano.pano.pointcloud
  162. if(lastModel != model){
  163. changeMeshVisi(model, true)
  164. //MergeEditor.selectModel(model)
  165. //model.result_.flyInPano(e.toPano.pano, {dontFly:true}) //切换模型显示,因为flyInPano有事件怕乱所以统一用这个函数
  166. updateCamNear()
  167. }
  168. })
  169. viewer.images360.addEventListener('flyToPanoDone',(e)=>{
  170. if(!e.makeIt)return
  171. let model = viewer.images360.currentPano.pointcloud
  172. if(lastModel != model){
  173. lastModel?.isModel && changeMeshVisi(lastModel, false)
  174. sceneBus.emit('panoModelChange', model.result_ )
  175. }
  176. lastModel = model
  177. })
  178. }
  179. viewer.images360.addEventListener('endChangeMode',(e)=>{
  180. sceneBus.emit('modeChange', {mode: e.mode == 'showPanos' ? 'pano' : 'fuse', model : e.mode == 'showPanos' && viewer.images360.currentPano.pointcloud.result_} )
  181. Potree.Utils.updateVisible(MergeEditor.transformControls, 'showPanos', e.mode == 'showPointCloud')
  182. Potree.Utils.updateVisible(MergeEditor.boxHelper, 'showPanos', e.mode == 'showPointCloud')
  183. if(e.mode == 'showPanos'){
  184. viewer.setControls( viewer.fpControls )
  185. viewer.removeEventListener('camera_changed', camera_changed)
  186. }else{
  187. viewer.addEventListener('camera_changed', camera_changed)
  188. }
  189. viewer.objs.children.forEach((e)=>{changeMeshVisi(e)})
  190. Potree.settings.canWalkThroughModel || viewer.images360.panos.forEach(pano => {
  191. pano.setEnable(e.mode == 'showPanos' ? pano.pointcloud == viewer.images360.currentPano.model : true)
  192. })
  193. Potree.settings.unableNavigate = e.mode == 'showPointCloud'
  194. updateCamNear()
  195. })
  196. let camera_changed = (e) => {
  197. if (e.viewport.name == 'MainView' && e.changeInfo.positionChanged) {
  198. //viewer.mainViewport.camera.position
  199. viewer.mainViewport.view.radius = 0.1 //使pivot在面前一丢丢距离
  200. viewer.setControls(viewer.orbitControls)
  201. viewer.removeEventListener('camera_changed', camera_changed)
  202. }
  203. }
  204. let requestInPano = false
  205. //-------------------------------------
  206. /* viewer.inputHandler.addEventListener('keydown', (e)=>{
  207. if(e.event.key == "e" ){
  208. MergeEditor.transformControls.mode = 'rotate'
  209. }else if(e.event.key == "w"){
  210. MergeEditor.transformControls.mode = 'translate'
  211. }else if(e.event.key == "s"){
  212. MergeEditor.transformControls.mode = 'scale'
  213. }
  214. }) */
  215. viewer.addEventListener('webglError', e => {
  216. console.error('viewer webglError: ' + e)
  217. let memory = '. \n jsHeapSizeLimit:'+ performance.memory.jsHeapSizeLimit/ 1e6 + ', usedJSHeapSize: '+performance.memory.usedJSHeapSize/ 1e6 + '(M)'
  218. sceneBus.emit('webglError', { msg: e.msg + memory })
  219. })
  220. viewer.compass.setAutoDisplay(true)
  221. /* mapBus.on('visible', v => {
  222. //console.log('mapBus visible', v)
  223. viewer.mapViewer.visible = v
  224. if (v) {
  225. viewer.mapViewer.mapLayer.needUpdate = true
  226. }
  227. viewer.mapViewer.dispatchEvent({type:'forceVisible',visible:v})
  228. }) */
  229. {
  230. let index = 1;
  231. //let setDisplay()
  232. if (!Potree.isIframeChild) {
  233. /* viewer.addEventListener('createIframe',(e)=>{//创建了子页面
  234. }) */
  235. window.winIndex = 0;
  236. window.iframeCreated = function (iframe) {
  237. let child = iframe.contentWindow
  238. child.winIndex = index++
  239. //案件里视图提取页面子页面覆盖了父级页面,父级的模型可以隐藏以释放内存
  240. console.error('createdIframe', child.winIndex, child.location.href)
  241. viewer.setDisplay(false)
  242. child.beforeDestroy = function () { //注:在前端仍会找不到beforeDestroy,可能contentWindow变更??所以手动调用setDisplay
  243. console.warn('beforeDestroy', child.winIndex)
  244. child.viewer && child.viewer.setDisplay(false)
  245. //如果是四维看看的场景,先不管了,页面被销毁应该就没了吧
  246. viewer.setDisplay(true)//恢复主页的模型显示
  247. if (!child.viewer) {
  248. try {
  249. let player = child.__sdk.core.get('Player')
  250. /* let runtime = player.model._3dTilesRuntime
  251. let tileset = runtime.getTileset()
  252. tileset._cache.trim(); //使下一次update时dispose所有不可见的tiles
  253. let sceneRenderer = child.__sdk.core.get('SceneRenderer')
  254. player.model.visible = false
  255. runtime.update(16, sceneRenderer.renderer, sceneRenderer.camera, true) //没用,为何_trimTiles的while无法进入
  256. */
  257. player.model.traverse(e => {
  258. e.geometry && e.geometry.dispose()
  259. if (e.material) {
  260. e.material.map && e.material.map.dispose()
  261. if (e.material.uniforms && e.material.uniforms.map && e.material.uniforms.map.value) {
  262. e.material.uniforms.map.value.dispose()
  263. }
  264. }
  265. }) //效果甚微
  266. /* let sceneRenderer = child.__sdk.core.get('SceneRenderer')
  267. sceneRenderer.renderer.render(sceneRenderer.scene, sceneRenderer.camera)
  268. */
  269. } catch (e) {
  270. console.log(e)
  271. }
  272. }
  273. }
  274. }
  275. //不知道删除iframe时是否那些模型还在内存里,需要释放吗? 如果要需要加一个事件
  276. } else {
  277. }
  278. }
  279. window.THREE = THREE
  280. //isLocal = false
  281. let autoLoads = /* window.autoLoads = */ []
  282. let readyToAddModel
  283. let mainBackground = viewer.background
  284. const units = { 1: 'metric', 2: 'imperial' }
  285. let getMeasureType = function (type, unit = 1) {
  286. let info
  287. switch (type) {
  288. case 'free':
  289. info = { measureType: 'Distance' }
  290. break
  291. case 'area':
  292. info = { measureType: 'Area' }
  293. break
  294. case 'vertical':
  295. info = { measureType: 'Ver Distance' }
  296. break
  297. default:
  298. console.error('无此 measure type')
  299. }
  300. info.unit = units[unit]
  301. return info
  302. }
  303. let getMeasureFunction = function (measure, bus) {
  304. measure.addEventListener('highlight', (e) => {
  305. if(measure.type == 'Path'){
  306. bus.emit(e.state ? 'enter' : 'leave')
  307. }else{
  308. bus.emit('highlight', e.state)
  309. }
  310. })
  311. let update = (e)=>{ //拖拽结束后发送changeCallBack
  312. if (measure.parent) {
  313. //未被删除
  314. console.warn('changePoints', measure.dataset_points.length )
  315. if(measure.type == 'Path'){
  316. bus.emit('changePoints', measure.dataset_points.map((p,i)=>{return {
  317. position: (p || measure.points[i]).clone(),
  318. modelId: measure.points_datasets[i] == void 0 ? Id_noIntersect : measure.points_datasets[i],
  319. name: measure.markerLabels[i].originText
  320. }}))
  321. }else{
  322. bus.emit('update', [
  323. measure.dataset_points.map(p => p.clone()),
  324. measure.points_datasets
  325. ])
  326. }
  327. }
  328. }
  329. measure.addEventListener('marker_dropped', update)
  330. measure.addEventListener('changed', update)
  331. measure.addEventListener('createDone', update)
  332. measure.addEventListener('changeByHistory', update);
  333. return {
  334. /* quit: () => {
  335. Potree.Log('quit结束且删除: ' + measure.id, '#00c7b2')
  336. viewer.dispatchEvent({ type: 'cancel_insertions', remove: true, measure })
  337. }, //触发结束。退出测量模式,清除之前操作 */
  338. destroy: () => {
  339. viewer.dispatchEvent({ type: 'cancel_insertions', remove: true, measure })
  340. viewer.scene.removeMeasurement(measure)
  341. },
  342. /* getPoints: () => {
  343. return measure.points
  344. },
  345. getDatasetLocations: () => {
  346. return measure.dataset_points
  347. },
  348. getDatasets: () => {
  349. return measure.points_datasets
  350. },
  351. getDatasetId: () => {
  352. return measure.datasetId
  353. }, */
  354. getArea: () => {
  355. return measure.area //{value:area, string:..}
  356. },
  357. getDistance: () => {
  358. if (measure.points.length < 2) return 0
  359. var value = measure.points[0].distanceTo(measure.points[1])
  360. return {
  361. value, //米
  362. string: measure.getConvertString(value, 'distance')
  363. }
  364. },
  365. //手动开启或关闭:
  366. show: () => {
  367. Potree.Utils.updateVisible(measure, 'inListByUser', true)
  368. },
  369. hide: () => {
  370. Potree.Utils.updateVisible(measure, 'inListByUser', false)
  371. },
  372. fly() {
  373. if(measure.type == 'Path') Potree.settings.displayMode = 'showPointCloud'
  374. let result = viewer.focusOnObject(measure, 'measure', 1200, {dontLookUp:measure.type == 'Path'})
  375. return result.msg ? result.msg : result.promise
  376. //返回值 1 deferred 表示即将位移 2 'posNoChange' 表示已在最佳位置 3 'tooFar' 表示距离最佳位置太远
  377. },
  378. changeSelect(isHight) {
  379. //console.log('2d->3d isHight ', isHight)
  380. measure.setSelected(isHight, 'byList')
  381. },
  382. }
  383. }
  384. let sdk = {
  385. sceneBus, mapBus,
  386. canTurnToPanoMode(pos, far=Potree.config.panoFieldRadius) {
  387. pos = pos ? new THREE.Vector3().copy(pos) : viewer.images360.position
  388. let pano = viewer.images360.findNearestPano(pos)
  389. if (pano && pano.position.distanceTo(pos) < far * pano.pointcloud.scale.x) {
  390. return {model:pano.pointcloud.result_}
  391. }
  392. //poschange后会调用这个,如果返回false会变为点云模式,且不会自动变回原先的模式
  393. },
  394. getPositionByScreen(pos2d, hopeModelId) {//通过屏幕坐标获取真实坐标 . hopeModelId: 如果指定了模型,优先返回hopeModelId上的intersect
  395. //console.log('getPositionByScreen',hopeModelId)
  396. hopeModelId = null
  397. let worldPos, localPos, modelId, intersect, normal, localNormal
  398. let Handler = viewer.inputHandler
  399. let reGet = () => {//不使用当前鼠标所在位置的intersect,单独算
  400. pos2d.clientX = pos2d.x
  401. pos2d.clientY = pos2d.y
  402. pos2d.onlyGetIntersect = true
  403. pos2d.whichPointcloud = true
  404. if (hopeModelId != void 0) {//隐藏其他的模型
  405. let models = MergeEditor.getAllObjects()
  406. models.forEach(model => {
  407. Potree.Utils.updateVisible(model, 'forPick', model.dataset_id == hopeModelId)
  408. })
  409. }
  410. let intersect2 = Handler.onMouseMove(pos2d)
  411. if (hopeModelId != void 0) {//恢复
  412. let models = MergeEditor.getAllObjects()
  413. models.forEach(model => {
  414. Potree.Utils.updateVisible(model, 'forPick', true)
  415. })
  416. }
  417. if (intersect2 && intersect2.location) {
  418. intersect = intersect2
  419. }
  420. }
  421. if (pos2d && pos2d.inDrag) {
  422. reGet()
  423. } else {
  424. intersect = Handler.intersect
  425. if (intersect) {
  426. modelId = intersect.pointcloud ? intersect.pointcloud.dataset_id : intersect.object.dataset_id
  427. if (hopeModelId != void 0 && modelId != hopeModelId) {
  428. reGet()
  429. }
  430. }
  431. }
  432. if (intersect && intersect.location) {
  433. modelId = intersect.pointcloud ? intersect.pointcloud.dataset_id : intersect.object.dataset_id
  434. /* if(hopeModelId != void 0 && modelId != hopeModelId){
  435. return null
  436. } */
  437. worldPos = intersect.location.clone()
  438. localPos = Potree.Utils.datasetPosTransform({ toDataset: true, datasetId: modelId, position: worldPos })
  439. normal = intersect.normal
  440. localNormal = intersect.localNormal
  441. } else return null
  442. return { worldPos, modelId, normal, localPos, localNormal }
  443. },
  444. getScreenByPosition(pos3d, modelId, canShelter/* , disToCameraLimit */) {//通过模型局部坐标获取屏幕坐标
  445. //console.log('getScreenByPoint ')
  446. let isLocal = modelId != void 0
  447. pos3d = new THREE.Vector3().copy(pos3d)
  448. let worldPos = isLocal ? Potree.Utils.datasetPosTransform({ fromDataset: true, datasetId: modelId, position: pos3d }) : pos3d
  449. if (!worldPos) return
  450. if (canShelter) {
  451. if (viewer.inputHandler.ifBlockedByIntersect(worldPos, 0.1, true)) return { trueSide: false };
  452. }
  453. var viewport = viewer.mainViewport
  454. var camera = viewport.camera
  455. var dom = viewer.renderArea
  456. /* if (tagLimitDis != void 0) {
  457. if (camera.position.distanceToSquared(worldPos) > Math.pow(tagLimitDis, 2)) return false
  458. } */
  459. //console.log('getScreenByPoint ' + pos3d.toArray())
  460. return Potree.Utils.getPos2d(worldPos, viewport, dom)
  461. },
  462. setCameraFov(fov) {
  463. viewer.setFOV(fov)
  464. },
  465. screenshot: (width, height/* , bgOpacity=0 */ ) => {//
  466. //截图
  467. let bgOpacity = Potree.settings.showCesium ? 0 : 1 /* viewer.background == 'skybox' */ //因为要画map底图所以上层只能透明。之后需要的话再改
  468. console.log('bgOpacity', bgOpacity)
  469. Potree.Utils.updateVisible(MergeEditor.boxHelper, 'screenshot', false)
  470. Potree.Utils.updateVisible(viewer.scene.overlayScene, 'screenshot', false) //hide all
  471. var { getImagePromise, finishPromise } = viewer.startScreenshot({ type: 'default', /* useRenderTarget:true, */bgOpacity }, width, height)
  472. var deferred = $.Deferred();
  473. finishPromise.done(({ dataUrl }) => {
  474. if(Potree.settings.displayMode != 'showPanos' && Potree.settings.showCesium){//need map background
  475. Potree.cesScreenshot(width, height).done((mapBGurl)=>{
  476. let img = new Image(); img.src = dataUrl
  477. let imgBG = new Image(); imgBG.src = mapBGurl
  478. let loadCount = 0
  479. img.onload = imgBG.onload = ()=>{
  480. loadCount++;
  481. if(loadCount == 2){
  482. let url = Potree.Common.imgAddLabel(imgBG,img,{leftRatioToImg:0,topRatioToImg:0})
  483. deferred.resolve(url)
  484. }
  485. }
  486. })
  487. }else{
  488. deferred.resolve(dataUrl)
  489. }
  490. Potree.Utils.updateVisible(MergeEditor.boxHelper, 'screenshot', true)
  491. Potree.Utils.updateVisible(viewer.scene.overlayScene, 'screenshot', true)
  492. })
  493. return deferred.promise()
  494. },
  495. getPose() {//获取当前点位和朝向
  496. const camera = viewer.scene.getActiveCamera()
  497. const target = viewer.scene.view.getPivot().clone()
  498. const position = viewer.scene.view.position.clone()
  499. const pose = { position, target, displayMode:Potree.settings.displayMode }
  500. if(Potree.settings.displayMode == 'showPanos'){
  501. let model = viewer.images360.currentPano.pointcloud
  502. pose.panoId = viewer.images360.currentPano.originID
  503. pose.model = model.result_
  504. pose.posInModel = Potree.Utils.datasetPosTransform({ toDataset: true, position: camera.position.clone(), object:model })
  505. pose.rotInModel = Potree.Utils.datasetRotTransform({ toDataset: true, quaternion: camera.quaternion.clone(), getQuaternion: true, pointcloud:model }).toArray() //拿第一个数据集
  506. }
  507. //console.log('getPose',position, target)
  508. return pose
  509. },
  510. comeTo(o = {}) {
  511. //console.log('comeTo',o.position, o.target)
  512. //飞到某个点
  513. let deferred = $.Deferred()
  514. if(o.panoId != void 0){
  515. let model = o.model.model
  516. let pano = model.panos.find(a=>a.originID == o.panoId)
  517. if(pano){
  518. o.rotInModel = new THREE.Quaternion().fromArray(o.rotInModel)
  519. let quaternion = Potree.Utils.datasetRotTransform({ fromDataset: true, quaternion: o.rotInModel, getQuaternion: true, object:model})
  520. o.model.flyInPano(pano, {quaternion, duration:0, callback(){
  521. o.callback && o.callback()
  522. deferred.resolve(true)
  523. }})
  524. return deferred.promise()
  525. }else{
  526. console.warn('没有找到漫游点',o)
  527. }
  528. }/* else if(requestInPano){
  529. requestInPano.result_.flyOutPano()
  530. } */else{
  531. if (o.modelId != void 0) {
  532. ['position', 'target'].forEach(e => {
  533. if (o[e]) {
  534. o[e] = Potree.Utils.datasetPosTransform({ fromDataset: true, datasetId: o.modelId, position: o[e] })
  535. }
  536. })
  537. }
  538. }
  539. if (o.distance || o.maxDis) {
  540. //o.isFlyToTag = true
  541. let requestShowPano
  542. let position = o.target || o.position
  543. if(o.isFlyToTag){
  544. let r = sdk.canTurnToPanoMode(position, 5)//热点新需求:如果附近有漫游点就飞到全景模式
  545. if(r){
  546. requestShowPano = true
  547. }else{
  548. Potree.settings.displayMode = 'showPointCloud'
  549. }
  550. }
  551. let rusult = viewer.focusOnObject({ position }, 'tag', null, { distance: o.distance || 1, maxDis : o.maxDis, requestShowPano /* , checkIntersect:true */ })
  552. rusult.promise.then(()=>{
  553. if(o.isFlyToTag){
  554. Potree.settings.displayMode = requestShowPano ? 'showPanos' : 'showPointCloud'
  555. }
  556. })
  557. return rusult.promise
  558. }
  559. viewer.scene.view.setView($.extend({}, o, {
  560. duration: o.dur,
  561. callback: () => {
  562. o.callback && o.callback()
  563. deferred.resolve(true)
  564. }
  565. }))
  566. return deferred.promise()
  567. },
  568. setBackdrop(sky, type, { scale, rotate }={}) {//天空盒背景
  569. //console.log('天空盒背景', sky,type)
  570. let setGroundAndText = (color) => {
  571. MergeEditor.secondCompass.dom.find(".dirText").css({ 'color': color })
  572. viewer.compass.dom.find(".dirText").css({ 'color': color })
  573. MergeEditor.ground.material.uniforms.uColor.value.set(color)
  574. //MergeEditor.ground.children[0].material.color.set(color)
  575. }
  576. viewer.dispatchEvent('content_changed')
  577. if(type == 'map'){
  578. MergeEditor.setGroundPlaneImg(null)
  579. viewer.setBackground(mainBackground)
  580. Potree.settings.showCesium = true
  581. buildMap()
  582. viewer.backgroundOpacity = 0
  583. return
  584. }else{
  585. Potree.settings.showCesium = false
  586. }
  587. if (type == 'bimg') {//地面图
  588. MergeEditor.setGroundPlaneImg(sky, scale, rotate)
  589. setGroundAndText('#e0e0e0')
  590. viewer.setBackground(mainBackground)
  591. } else {
  592. MergeEditor.setGroundPlaneImg(null)
  593. if (sky == 'none') {
  594. viewer.setBackground(mainBackground)
  595. setGroundAndText('#eee')
  596. } else if (sky[0] == '#') {
  597. viewer.setBackground(new THREE.Color(sky))
  598. let color = sky == '#fff' ? '#666' : sky == '#333' ? '#eee' : '#bbb' //反相
  599. setGroundAndText(color)
  600. } else if (type == 'image-map' || type == 'vector-map') {//影像|矢量 地图
  601. } else {//环境
  602. sky = ossRoot + sky
  603. viewer.setBackground('skybox', sky)
  604. setGroundAndText('#e0e0e0')
  605. }
  606. }
  607. },
  608. /* switchMapType(type) {
  609. let map = viewer.mapViewer.mapLayer.maps.find(e => e.name == 'map')
  610. map.switchStyle(type )
  611. }, */
  612. switchMapType(type){//切换成江门的卫星或标准
  613. if(window.location.href.includes('localhost:7173')/* || Potree.browser.urlHasValue('testMap') */ ) return
  614. console.log('switchMapType',type)
  615. let maximumLevel, url
  616. if(type == 'satellite'){
  617. maximumLevel = 18
  618. url = "//a.map.jms.gd/tile/weixing/{z}/{x}/{y}.png"
  619. }else{
  620. maximumLevel = 19
  621. url = "//a.map.jms.gd/tile/gd_xiangtu/{z}/{x}/{y}.png"
  622. }
  623. cesImageryProvider = new Cesium.UrlTemplateImageryProvider({ //直接用84坐标,不用转高德
  624. url,
  625. crossOrigin: 'anonymous',
  626. minimumLevel: 0,
  627. maximumLevel,
  628. tilingScheme: new AmapMercatorTilingScheme(), //修改投影,从84->高德
  629. })
  630. if(Potree.settings.showCesium){
  631. cesiumViewer.imageryLayers.removeAll();
  632. cesiumViewer.imageryLayers.addImageryProvider(cesImageryProvider);
  633. }
  634. },
  635. enableMap(mapArea, latlng) {
  636. if (!viewer.mapViewer) {
  637. //--------------------------------
  638. viewer.mapViewer = new Potree.MapViewer(mapArea)
  639. viewer.mapViewer.initProjection()
  640. //focus
  641. let boundSize = new THREE.Vector3(200, 150, 1).max(viewer.bound.boundSize)
  642. viewer.mapViewer.addEventListener('viewerResize', () => {
  643. viewer.mapViewer.moveTo(viewer.bound.center, boundSize, 0)
  644. }, { once: true })
  645. }
  646. },
  647. enterSceneGuide(pathArr) {//导览 (不需要修改参数)
  648. let editor = viewer.modules.CamAniEditor
  649. console.log('pathArr', pathArr)
  650. //console.log('enterSceneGuide',pathArr)
  651. pathArr.forEach(e=>{
  652. if(e.panoId != void 0){
  653. e.model = e.model.model
  654. }
  655. })
  656. let data = {
  657. //duration: pathArr.slice(0, pathArr.length - 1).reduce(function (total, currentValue) { return total + currentValue.time }, 0), //总时长(要去掉最后一个,因为已到终点,该点time无意义)
  658. points: pathArr,
  659. useDurSlice: true
  660. }
  661. let ani = editor.createMulAnimation(data)
  662. //注:最多只存在一条导览
  663. let bus = mitt()
  664. //播放完成
  665. ani.event_.addEventListener('playDone', () => {
  666. bus.emit('playComplete')
  667. viewer.images360.panos.forEach(e=>e.marker && Potree.Utils.updateVisible(e, 'playAni', true))
  668. })
  669. //切换点
  670. ani.event_.addEventListener('updateCurrentIndex', e => {
  671. bus.emit('changePoint', e.currentIndex + 1)
  672. })
  673. return {
  674. bus,
  675. play() {
  676. MergeEditor.selectModel(null)
  677. viewer.images360.panos.forEach(e=>e.marker && Potree.Utils.updateVisible(e, 'playAni', false))
  678. ani.play()
  679. },
  680. pause() {
  681. viewer.images360.panos.forEach(e=>e.marker && Potree.Utils.updateVisible(e, 'playAni', true))
  682. ani.stop()
  683. },
  684. clear() {
  685. ani.remove()
  686. },
  687. }
  688. },
  689. //[path1, paht2], { time, speed }
  690. calcPathInfo(paths, info) { //传入的time, speed仅有一个。返回完整的 time, speed
  691. //这一版的control似乎无法在某个位置上改变角度,位置和角度一般都是一起变的,所以先不增加单位更换功能。
  692. let pos1 = new THREE.Vector3().copy(paths[0].position)
  693. let pos2 = new THREE.Vector3().copy(paths[1].position)
  694. let dis = pos1.distanceTo(pos2)
  695. if (info.time != void 0) {
  696. info.speed = dis / info.time
  697. } else {
  698. info.time = dis / info.speed
  699. }
  700. return info
  701. },
  702. addModel(props) {
  703. let model
  704. let bus = props.bus = mitt()
  705. //console.log('--addModel',props)
  706. props.isFirstLoad = isLocal ? props.bottom == void 0 : (props.isDynamicAdded || props.mode == 'single') // 在编辑时用户添加的 或 展示单个模型 (props.mode='single'模型展示页, props.mode='many'融合页)
  707. if (props.opacity == void 0) props.opacity = 1
  708. //if (props.type == 'obj') props.type = 'glb'
  709. props.scale /= 100
  710. let getBaseRotation = () => {
  711. if(ModelTypes[props.fromType]?.rot90 && props.type != 'obj'){
  712. return new THREE.Euler(Math.PI / 2, 0, 0)
  713. } else return new THREE.Euler(0, 0, 0)
  714. }
  715. let getDefaultRotation = () => {
  716. if(model.lonLatRot){
  717. return model.lonLatRot
  718. }else{
  719. return getBaseRotation()
  720. }
  721. }
  722. if (props.rotation) {
  723. if (props.rotation._x == void 0 && props.rotation.x != void 0) {
  724. props.rotation = new THREE.Euler().setFromVector3(props.rotation)
  725. }
  726. }
  727. props.baseRotation = getBaseRotation()
  728. props.is4dkkModel = ModelTypes[props.fromType].panos4dkk
  729. if (!props.isFirstLoad) {
  730. if (autoLoads.length == 0) { //首次加载
  731. setTimeout(() => {
  732. let sizes = autoLoads.map(e => e.size || 0)
  733. console.log('需要请求加载的模型大小为', sizes, '总大小', sizes.reduce(function (total, currentValue) {
  734. let current = parseFloat(currentValue)
  735. return total + ((typeof currentValue == 'number' || currentValue.includes('M')) ? current : current / 1024)
  736. }, 0))
  737. readyToAddModel = true //准备开始加载
  738. loadNext()//startLoad(autoLoads[0])
  739. }, 30)
  740. }
  741. autoLoads.push(props)
  742. readyToAddModel = false
  743. } else {
  744. readyToAddModel = true
  745. }
  746. let done = (model_) => {
  747. model = model_
  748. model.result_ = result
  749. model.props = props
  750. result.model = model
  751. model.fromType = ModelTypes[props.fromType].name
  752. if (!props.isFirstLoad) {
  753. model.visible = false//先不显示,防止卡顿
  754. }
  755. model.showInPano = /* !model.is4dkkModel// */props.raw.showInPano //现在不用这个,所有模型都可见,非is4dkkModel的还显示原本的贴图
  756. props.opacity < 100 && result.changeOpacity(props.opacity)
  757. model.addEventListener('changeSelect', (e) => {
  758. bus.emit('changeSelect', e.selected)
  759. })
  760. let lastState = {}
  761. model.addEventListener('transformChanged', (e) => {
  762. let msg = {}
  763. if (!lastState.position || !model.position.equals(lastState.position)) {
  764. lastState.position = msg.position = model.position.clone()
  765. //console.log('change pos', model.name, model.position.toArray())
  766. }
  767. if (!lastState.rotation || !model.rotation.equals(lastState.rotation)) {
  768. lastState.rotation = msg.rotation = model.rotation.clone()
  769. }
  770. if (lastState.scale == void 0 || model.scale.x * 100 != lastState.scale) {
  771. lastState.scale = msg.scale = model.scale.x * 100
  772. }
  773. msg = Potree.Common.CloneObject(msg)
  774. //console.log(model.name, msg)
  775. bus.emit('transformChanged', msg)
  776. })
  777. spliceFromArr(model, props, true)
  778. model.addEventListener('changeSelect', (e) => {
  779. MergeEditor.transformControls.visible && e.selected && MergeEditor.transformControls.attach(model, e.clickPos) //: MergeEditor.transformControls.detach()
  780. })
  781. MergeEditor.modelAdded(model)
  782. if (props.mode == 'single') {//模型查看页
  783. MergeEditor.noNeedSelection = true
  784. setTimeout(() => {
  785. MergeEditor.focusOn([model], 1000, true, true)
  786. }, 1)
  787. }
  788. if(ModelTypes[props.fromType].panos4dkk){
  789. Potree.load4dkkPanos(props.raw.num, model, getBaseRotation(), () => {
  790. bus.emit('loadDone')
  791. }, props.fromType == 0 ? '2k' : '4k' ) //看看场景是2k
  792. } else {
  793. bus.emit('loadDone')
  794. }
  795. //console.log('loadDone' )
  796. }
  797. let progressFun = (progress) => {
  798. bus.emit('loadProgress', progress)
  799. }
  800. let onError = function (xhr) {
  801. bus.emit('loadError', xhr)
  802. console.log('loadError!!!!!!!!!', Potree.Common.getNameFromURL(props.url), props.size, xhr)
  803. spliceFromArr(model, props, false)
  804. }
  805. //try {
  806. // props.url = JSON.parse(props.url) //去掉 '\'
  807. /* if(props.modelType != 'pointcloud' ){//当前本地版这么写
  808. let addPrefix = (e)=> Potree.settings.urls.getPrefix(3,props) + '/profile'+ e
  809. if(props.url instanceof Array){
  810. props.url = props.url.map(e=>addPrefix(e))
  811. }else{
  812. props.url = addPrefix(props.url)
  813. }
  814. } */
  815. //} catch (e) { }
  816. props.raw.panoRoot = props.raw.panoOSSRoot + (props.raw.mapping?('/'+props.raw.mapping):'')
  817. props.done = done; props.progressFun = progressFun; props.onError = onError
  818. if (readyToAddModel) {
  819. if (autoLoads.filter(e => e.loading).length < maxLoadingCount) {
  820. startLoad(props)
  821. }
  822. }
  823. let scaleMeasure
  824. let result = {
  825. bus,
  826. model,
  827. getDefaultRotation,
  828. supportPano() { //是否支持全景图
  829. return model?.panos?.length > 0
  830. },
  831. flyInPano(pano, {dontFly, quaternion, duration}={}) {// 飞入全景图
  832. requestInPano = model
  833. pano = pano || viewer.images360.findNearestPano(null, model.panos)
  834. if (pano) {
  835. dontFly || viewer.images360.flyToPano({ pano, canCancelLast: true, quaternion, duration})
  836. Potree.settings.displayMode = 'showPanos'
  837. }
  838. },
  839. flyOutPano() {// 飞出全景图(就是切换到正常融合视角)
  840. requestInPano = false
  841. Potree.settings.displayMode = 'showPointCloud'
  842. /* setTimeout(() => {//在下一帧再变,因为3dtiles需要更新一下才会显示tiles
  843. if (!requestInPano) {
  844. Potree.settings.displayMode = 'showPointCloud'
  845. Potree.Utils.updateVisible(MergeEditor.boxHelper, 'showPanos', true)
  846. }
  847. }, 50) */
  848. },
  849. changeShow(show) {
  850. props.show = show //for autoLoads show model
  851. if (model) {
  852. Potree.Utils.updateVisible(model, 'datasetSelection', show)
  853. if (model.panos) {
  854. model.panos.forEach(e => e.setEnable(show))
  855. }
  856. viewer.dispatchEvent('content_changed')
  857. }
  858. },
  859. changeSelect(state) {
  860. //console.error('select', state)
  861. if (model) {
  862. let fly = viewer.images360.latestRequestMode != 'showPanos'
  863. MergeEditor.selectModel(model, state, fly, true)
  864. updateCamNear()
  865. //console.log('changeSelect', props.id, state)
  866. }
  867. },
  868. changeScale(s) {
  869. if (model) {
  870. s /= 100
  871. if (model.scale.x == s) return
  872. //MergeEditor.history.beforeChange(model)//但不知道什么时候结束拖拽
  873. model.scale.set(s, s, s)
  874. model.isPointcloud && model.changePointSize(/* Potree.config.material.realPointSize * s */)
  875. model.dispatchEvent("scale_changed")
  876. }
  877. },
  878. changeOpacity(opacity) { //见笔记:透明物体的材质设置
  879. if (opacity == void 0) opacity = 100
  880. opacity /= 100
  881. MergeEditor.changeOpacity(model, opacity)
  882. },
  883. changeBottom(z) {
  884. /* model && MergeEditor.setModelBtmHeight(model,z)
  885. model.dispatchEvent('transformChanged') //改了position */
  886. },
  887. changePosition(pos) {//校准取消时执行
  888. //console.log('changePosition', model.name, pos.x, pos.y, pos.z)
  889. if(pos.x == 0 && pos.y == 0 && pos.z == 0 && model.lonLatPos ){
  890. model && model.position.copy(model.lonLatPos)
  891. console.log('changePosition 使用经纬度坐标', model.name )
  892. }else{
  893. model && model.position.copy(pos)
  894. }
  895. model.dispatchEvent({ type: 'position_changed' })
  896. },
  897. changeRotation(rot) {//校准取消时执行
  898. //console.log('changeRotation', model.name, rot.x, rot.y, rot.z)
  899. /* if(rot.x == 0 && rot.y == 0 && rot.z == 0 && model.lonLatRot ){
  900. model && model.rotation.copy(model.lonLatRot)
  901. console.log('changePosition 使用经纬度坐标', model.name )
  902. }else{ */
  903. model && model.rotation.setFromVector3(rot)
  904. //}
  905. model.dispatchEvent({ type: 'rotation_changed' , by2d:true})
  906. },
  907. enterRotateMode() {
  908. if (model) {
  909. if (MergeEditor.split) {//分屏校准
  910. MergeEditor.setTransformState('rotate')
  911. MergeEditor.transformControls2.attach(model)
  912. MergeEditor.transformControls2.mode = 'rotate'
  913. }
  914. MergeEditor.transformControls.attach(model)
  915. MergeEditor.transformControls.mode = 'rotate'
  916. }
  917. },
  918. enterMoveMode() {
  919. console.log('enterMoveMode')
  920. if (model) {
  921. if (MergeEditor.split) {//分屏校准
  922. MergeEditor.setTransformState('translate')
  923. MergeEditor.transformControls2.attach(model)
  924. MergeEditor.transformControls2.mode = 'translate'
  925. }
  926. MergeEditor.transformControls.attach(model)
  927. MergeEditor.transformControls.mode = 'translate'
  928. }
  929. },
  930. leaveTransform() {
  931. console.log('leaveTransform')
  932. if (MergeEditor.split) {//分屏校准
  933. MergeEditor.setTransformState(null)
  934. } else {
  935. MergeEditor.transformControls.detach()
  936. MergeEditor.transformControls2.detach()
  937. }
  938. MergeEditor.history.clear()
  939. },
  940. enterAlignment() {//开始校准
  941. result.leaveTransform()
  942. MergeEditor.enterSplit()
  943. if(Potree.settings.showCesium){
  944. cesiumViewer.scene.canvas.style.width = '50%'
  945. //cesiumViewer.resize()
  946. }
  947. let bus = new mitt()
  948. return {
  949. bus
  950. }
  951. },
  952. leaveAlignment() {
  953. //console.log('leaveAlignment',model.position, model.rotation)
  954. MergeEditor.leaveSplit()
  955. MergeEditor.transformControls.detach()
  956. MergeEditor.transformControls2.detach()
  957. if(Potree.settings.showCesium){
  958. cesiumViewer.scene.canvas.style.width = ''
  959. updateMap()
  960. }
  961. },
  962. enterScaleSet() {//设置比例
  963. let bus = new mitt()
  964. let length, measureBuilded;
  965. //viewer.outlinePass.selectedObjects = []
  966. if (!Potree.Utils.isInsideFrustum(model.boundingBox.clone().applyMatrix4(model.matrixWorld), viewer.scene.getActiveCamera())) {
  967. MergeEditor.focusOn(model, 600)
  968. }
  969. MergeEditor.getAllObjects().forEach(m => {//隐藏其他的模型
  970. if (m != model) Potree.Utils.updateVisible(m, 'enterScaleSet', false)
  971. })
  972. result.oldFar = Potree.settings.cameraFar
  973. model.enterScaleOldState_ = {
  974. //view: viewer.mainViewport.view.clone(),
  975. scale: model.scale.x,
  976. far: Potree.settings.cameraFar
  977. }
  978. let setScale = () => {
  979. if (length == void 0 || !measureBuilded) return
  980. let vec = new THREE.Vector3().subVectors(viewer.mainViewport.camera.position, scaleMeasure.points[1])
  981. let dis = scaleMeasure.points[0].distanceTo(scaleMeasure.points[1])
  982. let s = length / Math.max(dis,0.00001)
  983. result.changeScale(model.scale.x * s * 100)
  984. /* setTimeout(()=>{
  985. viewer.focusOnObject(scaleMeasure , 'measure', 500)
  986. },1) */
  987. let newCamPos = new THREE.Vector3().addVectors(scaleMeasure.points[1], vec.multiplyScalar(s))
  988. viewer.scene.view.setView({
  989. position: newCamPos, target: scaleMeasure.getCenter(), duration: 0, callback: () => {
  990. //更改target到measure中心的好处就是可以让相机绕measure中心转,坏处是每次更改都会变一下画面
  991. //Potree.settings.cameraFar = Math.max(model.enterScaleOldState_.far, viewer.scene.view.position.distanceTo(model.boundCenter) + model.boundingBox.clone().applyMatrix4(model.matrixWorld).getSize(new THREE.Vector3).length())
  992. //use updateCamFar()
  993. }
  994. })
  995. }
  996. return {
  997. bus,
  998. setLength(v) {
  999. if (!v) return
  1000. length = v
  1001. setScale()
  1002. },
  1003. startMeasure() {
  1004. if (scaleMeasure) {
  1005. viewer.dispatchEvent({ type: 'cancel_insertions', remove: true, measure: scaleMeasure })
  1006. viewer.scene.removeMeasurement(scaleMeasure)
  1007. }
  1008. measureBuilded = false
  1009. scaleMeasure = viewer.measuringTool.startInsertion(
  1010. { measureType: "Distance", unit: "metric" },
  1011. () => {
  1012. //done:
  1013. //bus.emit('end' ) //完成
  1014. measureBuilded = true
  1015. setScale()
  1016. },
  1017. () => {
  1018. //cancel
  1019. //bus.emit('quit') //删除
  1020. }
  1021. )
  1022. scaleMeasure.forbitRepeatPoint = true //两个点不能相同,否则长度是0
  1023. scaleMeasure.addEventListener('marker_dropped', (e) => {//拖拽结束后发送changeCallBack
  1024. if (scaleMeasure.parent) {
  1025. //未被删除
  1026. measureBuilded && setScale()
  1027. }
  1028. })
  1029. }
  1030. }
  1031. },
  1032. leaveScaleSet() {
  1033. if (scaleMeasure) {
  1034. viewer.dispatchEvent({ type: 'cancel_insertions', remove: true, measure: scaleMeasure })
  1035. viewer.scene.removeMeasurement(scaleMeasure)
  1036. scaleMeasure = null
  1037. }
  1038. //viewer.outlinePass.selectedObjects = [model];
  1039. MergeEditor.getAllObjects().forEach(m => {//恢复其他的模型
  1040. if (m != model) Potree.Utils.updateVisible(m, 'enterScaleSet', true)
  1041. })
  1042. setTimeout(()=>{//可能还原了 相机位置移动回去
  1043. if(model.scale.x == model.enterScaleOldState_.scale){
  1044. MergeEditor.focusOn(model, 0) //reset orbitcontrol's minRadius //viewer.mainViewport.view.copy(model.enterScaleOldState_.view)
  1045. //Potree.settings.cameraFar = model.enterScaleOldState_.far
  1046. }
  1047. },10)
  1048. },
  1049. destroy() {
  1050. model && MergeEditor.removeModel(model)
  1051. result.changeSelect(false)
  1052. viewer.dispatchEvent('content_changed')
  1053. }
  1054. }
  1055. return result
  1056. },
  1057. //测量线的点都附着于各个模型,当模型变化时,点跟着变化。
  1058. // 新的测量创建方法,传入type 返回新测量对象
  1059. startMeasure(type) {
  1060. // 寻创建的测量对象有上面绘画测量对象的所有方法
  1061. const bus = mitt()
  1062. let info = getMeasureType(type)
  1063. let measure = viewer.measuringTool.startInsertion(
  1064. info,
  1065. () => {
  1066. //done:
  1067. bus.emit('submit')
  1068. },
  1069. () => {
  1070. //cancel
  1071. bus.emit('cancel'/* , ret */) //删除
  1072. }
  1073. )
  1074. Potree.Log('startMeasure: ' + measure.id, '#00c7b2')
  1075. /* let cancel = ()=>{
  1076. Potree.Log('clear删除: ' + measure.id, '#00c7b2')
  1077. viewer.dispatchEvent({ type: 'cancel_insertions', remove: true, measure })
  1078. viewer.scene.removeMeasurement(measure)
  1079. } */
  1080. let result = {
  1081. bus,
  1082. ...getMeasureFunction(measure, bus),
  1083. }
  1084. /* StartMeasure = Measure & {
  1085. // 多了cancel 取消测量的事件,没有参数
  1086. // 多了invalidPoint 当用户测量了无效点时的事件,抛出无效原因
  1087. bus: Emitter<{ cancel: void; invalidPoint: string }>
  1088. } */
  1089. return result
  1090. },
  1091. // 绘画测量线(非新增使用)
  1092. // type = 'free' (自由) || 'vertical' (垂直) || 'area' (面积)
  1093. // positions 点数组 构成如下 [{ point: {x,y,z}, modelId: 1 }]
  1094. drawMeasure(type, dataset_points, points_datasets) {
  1095. // 返回测量对象有如下
  1096. const bus = mitt()
  1097. let info = getMeasureType(type /* , unit */)
  1098. //info.points = positions
  1099. info.dataset_points = dataset_points
  1100. info.points_datasets = points_datasets
  1101. //info.sid = sid
  1102. info.bus = bus
  1103. let measure = viewer.measuringTool.createMeasureFromData(info)
  1104. if (!measure) return { bus }
  1105. Potree.Log('drawMeasure由数据新建: ' + measure.id, '#00c7b2')
  1106. let result = {
  1107. bus,
  1108. setPositions(dataset_points, points_datasets) {//用于恢复measure的点,不会修改点的个数
  1109. measure.dataset_points = dataset_points.map(e => {
  1110. return e && new THREE.Vector3().copy(e)
  1111. })
  1112. measure.points_datasets = points_datasets
  1113. measure.points = measure.dataset_points.map((p, i) => {
  1114. return Potree.Utils.datasetPosTransform({ fromDataset: true, datasetId: measure.points_datasets[i], position: p })
  1115. })
  1116. measure.getPoint2dInfo(measure.points)
  1117. measure.update({ ifUpdateMarkers: true })
  1118. measure.setSelected(false)//隐藏edgelabel
  1119. },
  1120. ...getMeasureFunction(measure, bus),
  1121. }
  1122. return result
  1123. },
  1124. /* export type PathProps = {
  1125. // 线段名称
  1126. name: string,
  1127. // 是否显示名称,
  1128. showName: boolean,
  1129. // 文字大小
  1130. fontSize: number,
  1131. // 是否显示方向,
  1132. showDirection: boolean,
  1133. // 方向是否反向
  1134. reverseDirection: boolean,
  1135. line: {
  1136. width: number,
  1137. color: string,
  1138. altitudeAboveGround: number
  1139. position: SceneLocalPos,
  1140. normal: SceneLocalPos,
  1141. modelId: string
  1142. },
  1143. points: {
  1144. // 点位名称
  1145. name: string,
  1146. position: SceneLocalPos,
  1147. modelId: string,
  1148. }[]
  1149. }
  1150. bus: Emitter<{
  1151. // 标注点击事件
  1152. click: void;
  1153. // 鼠标移入标注事件
  1154. enter: void;
  1155. // 鼠标移出标注事件
  1156. leave: void;
  1157. // 线段坐标更改事件
  1158. linePositionChange: {
  1159. pos: SceneLocalPos,
  1160. normal: SceneLocalPos,
  1161. modelId: string
  1162. }
  1163. // 路径点位置变更
  1164. changePoints: PathProps['points']
  1165. // 距离相机位置变更
  1166. toCameraDistanceChange: number
  1167. }>;
  1168. */
  1169. createPath(props){//路线
  1170. //console.log('createPath', props)
  1171. let bus = mitt()
  1172. let path
  1173. let info = {type : 'Path', minMarkers : 2, title:props.name}
  1174. if(props.points.length == 0){
  1175. path = viewer.measuringTool.startInsertion( info, () => {
  1176. bus.emit("drawed" ); //完成
  1177. })
  1178. viewer.dispatchEvent({ type: 'cancel_insertions', dontRemove: true, measure:path }) //要等进入编辑才能继续编辑
  1179. }else{
  1180. let originPointCount = props.points.length
  1181. props.points = props.points.filter(e=> isValidPoint(e.modelId))
  1182. info.points_datasets = props.points.map(e=> e.modelId == Id_noIntersect ? null : e.modelId)
  1183. info.dataset_points = info.points = props.points.map(e=>e.position)//当该点不在任何模型上时,记录的是世界坐标,所以两个都赋值,过后根据有无datasetID选择
  1184. path = viewer.measuringTool.createMeasureFromData(info);
  1185. if(props.line.position) {
  1186. if(isValidPoint(props.line.modelId)){
  1187. let pos = props.line.modelId == Id_noIntersect ? new THREE.Vector3().copy(props.line.position) :
  1188. Potree.Utils.datasetPosTransform({fromDataset:true, position: props.line.position, datasetId: props.line.modelId })
  1189. path.updateTitlePos(pos)
  1190. }else{
  1191. console.log('path label pos 因模型被删而去除', info.title )
  1192. }
  1193. }
  1194. if(props.points.length < originPointCount ) {
  1195. path.dispatchEvent('createDone')
  1196. console.log('path点因模型被删减少', info.title, originPointCount,'->',props.points.length)
  1197. }
  1198. }
  1199. {
  1200. let curSelectMarker
  1201. path.addEventListener('markerSelect',(e)=>{
  1202. let msg
  1203. if(e.cancel){
  1204. curSelectMarker == e.marker && (msg = -1) //是当前选中的marker就取消
  1205. }else{
  1206. curSelectMarker = e.marker
  1207. msg = path.markers.indexOf(e.marker)
  1208. }
  1209. //msg != void 0 && console.log('msg',msg)
  1210. msg != void 0 && bus.emit('activePoint', msg )
  1211. })
  1212. path.addEventListener('titlePosChanged',(e)=>{
  1213. //console.log('titlePosChanged',path.title, e.position.clone())
  1214. bus.emit('linePositionChange', {
  1215. modelId: e.root ? e.root.dataset_id : Id_noIntersect,
  1216. pos: e.root ? Potree.Utils.datasetPosTransform({toDataset:true, position: e.position.clone(), datasetId: e.root.dataset_id }) : e.position.clone()
  1217. })
  1218. })
  1219. path.addEventListener('chose',(e)=>{
  1220. switchSelect(e.state)
  1221. bus.emit('focus', e.state)
  1222. })
  1223. }
  1224. let funs = getMeasureFunction(path, bus)
  1225. let switchSelect = (state)=>{//切换选择,最多一个选中
  1226. if(state){
  1227. curSelectPath && curSelectPath.setSelected('unclick' ) //取消上一个选中的
  1228. curSelectPath = path
  1229. }else{
  1230. curSelectPath == path && (curSelectPath = null)
  1231. }
  1232. }
  1233. let functions = Object.assign(funs,{
  1234. bus,
  1235. changeEditMode(state){//进入编辑
  1236. if(!state){
  1237. viewer.dispatchEvent({ type: 'cancel_insertions', dontRemove: true, measure:path })
  1238. }
  1239. path.setEditEnable(state)
  1240. },
  1241. changeCanEdit(state){//是否点击pen图标以加点和删点
  1242. if(state){
  1243. if(path.points.length < 2){//继续绘制
  1244. info.resume = true, info.measure = path
  1245. path = viewer.measuringTool.startInsertion( info, () => {
  1246. bus.emit("drawed" ); //完成
  1247. })
  1248. }
  1249. }else{
  1250. viewer.dispatchEvent({ type: 'cancel_insertions', dontRemove: true, measure:path })
  1251. }
  1252. console.log('changeCanEdit',state)
  1253. path.setAddOrRemPoint(state)
  1254. },
  1255. visibility(v){
  1256. //console.log('visibility', path.title, v)
  1257. Potree.Utils.updateVisible(path,'user', v)
  1258. },
  1259. visibilityName(v){
  1260. path.setTitleVisi(path.titleLabel.parent, v, 'user')
  1261. },
  1262. changeName(name){
  1263. path.setTitle(name)
  1264. },
  1265. changePointName(index,name){
  1266. path.setMarkerTitle(index, name)
  1267. },
  1268. changePathPoints(points){
  1269. console.log('changePathPoints??????????',points)
  1270. },
  1271. deletePoint(index){
  1272. path.removePoint(index)
  1273. },
  1274. changeFontSize(fontsize){
  1275. path.setFontSize(fontsize)
  1276. },
  1277. changeLine({width,color,altitudeAboveGround}){
  1278. path.setPathWidth(width)
  1279. path.setPathColor(color)
  1280. },
  1281. changeVisibilityRange(far){//设置消失距离
  1282. path.setFadeFar(far== -1 ? 0 : far)
  1283. },
  1284. highlight(state){
  1285. path.setSelected(state?'hover':'unhover', true)
  1286. },
  1287. focus(state){
  1288. switchSelect(state)
  1289. path.setSelected(state?'click':'unclick', true)
  1290. },
  1291. changeDirection(show,reverse){
  1292. path.setArrowDisplay(show)
  1293. path.setReverse(reverse)
  1294. },
  1295. createAni(tension){
  1296. let distance = path.totalLength
  1297. let pathPoints = path.points.map(e=>e.clone().add(new THREE.Vector3(0,0,2))) //在地面之上一定高度
  1298. if(path.reverse) pathPoints.reverse()
  1299. const speed = 3, //m/s
  1300. turnDisPerRad = 1.5,
  1301. maxTurnDis = 3,//拐弯最大距离
  1302. maxRoadTurnRatio = 0.8 //每段路单次转弯最大比例,防止拐弯占据一整条路直到下一个点
  1303. let roadLens = []
  1304. let vecs = pathPoints.map((p,i)=>{
  1305. if(i==0)return
  1306. let last = pathPoints[i-1]
  1307. roadLens.push(p.distanceTo(last))
  1308. return new THREE.Vector3().subVectors(p,last).normalize()
  1309. })
  1310. let turnDis = vecs.map((vec,i)=>{//在每个转折点拐弯前后需要的米数
  1311. if(i==0 || i==vecs.length-1)return 0
  1312. let next = vecs[i+1]
  1313. let angle = next.angleTo(vec)
  1314. return Math.min(turnDisPerRad * angle / 2, maxTurnDis )
  1315. })
  1316. let points = []
  1317. let len = pathPoints.length
  1318. for(let i=0;i<len;i++){
  1319. let thisPoint = pathPoints[i]
  1320. let nextPoint = pathPoints[i+1]
  1321. if(i==0 || i==len-1){//首尾的点直接加入,其他点不加
  1322. points.push({
  1323. position: thisPoint.clone(),
  1324. target: i==0 ? nextPoint.clone() : pathPoints[len-1].clone().add(vecs[len-1])
  1325. })
  1326. }
  1327. if(i<len-1){ //加入每段边要加入的两个(or一个)拐点 ,拐点之间方向沿着路径
  1328. let turnDis1 = Math.min(turnDis[i], roadLens[i] * maxRoadTurnRatio)
  1329. let turnDis2 = Math.min(turnDis[i+1], roadLens[i] * maxRoadTurnRatio)
  1330. let turnDisSum = turnDis1 + turnDis2 //两端拐弯距离之和。
  1331. if(turnDisSum > roadLens[i]){//如果超过了路长度, 该条路就只有一个拐点
  1332. turnDis1 = turnDis1 / turnDisSum * roadLens[i]
  1333. let p = thisPoint.clone().add(vecs[i+1].clone().multiplyScalar(turnDis1))
  1334. points.push({position: p, target: nextPoint.clone()})
  1335. }else{
  1336. if(turnDis1>0){ //i==0时为0
  1337. let turnPoint1 = thisPoint.clone().add(vecs[i+1].clone().multiplyScalar(turnDis1))
  1338. points.push({position: turnPoint1, target: nextPoint.clone()})
  1339. }
  1340. if(turnDis2>0){//i==len-2时为0
  1341. let turnPoint2 = nextPoint.clone().sub(vecs[i+1].clone().multiplyScalar(turnDis2))
  1342. points.push({position:turnPoint2, target: nextPoint.clone()})
  1343. }
  1344. }
  1345. }
  1346. }
  1347. //加后缀&test以看路线
  1348. let data = {
  1349. name : 'path_guideTour',
  1350. duration : distance / speed,
  1351. points,
  1352. tension
  1353. }
  1354. path.animation_ = viewer.modules.CamAniEditor.createAnimation(data)
  1355. },
  1356. play(playDone){
  1357. if(path.points.length < 2)return playDone && playDone() //no points
  1358. let oldStates = {
  1359. editEnable: path.editEnable,
  1360. addOrRemovePoint: path.addOrRemovePoint
  1361. }
  1362. path.editEnable && functions.changeEditMode(false)
  1363. path.addOrRemovePoint && path.setAddOrRemPoint(false)
  1364. if(Potree.settings.pathSmooth){
  1365. let curve = path.curve.clone();
  1366. curve.points.forEach(e=>e.z += 2)
  1367. if(path.reverse) curve.points.reverse()
  1368. //let geoPoints = path.geoPoints.map(e=> e.clone().add(new THREE.Vector3(0,0,2)) )//height
  1369. let duration = path.totalLength / 3
  1370. //let tangentDt = path.totalLength * 0.0001
  1371. path.animation_ = viewer.modules.CamAniEditor.createCurveAni(curve, duration )
  1372. }else{
  1373. functions.createAni();//不传参数时路径最圆润缓和,但会脱离原路径。传参后除了拐弯都按路径,参数越大越圆润,但容易有折回的bug。 如果没有严格要求就不传参效果最佳。
  1374. }
  1375. path.animation_.play()
  1376. path.animation_.addEventListener('playDone', () => {
  1377. oldStates.editEnable && functions.changeEditMode(true)
  1378. oldStates.addOrRemovePoint && path.setAddOrRemPoint(true)
  1379. playDone && playDone()
  1380. },{once:true})
  1381. },
  1382. pause(){
  1383. path.animation_?.pause()
  1384. path.animation_ && viewer.modules.CamAniEditor.removeAnimation(path.animation_)
  1385. path.animation_ = null
  1386. }
  1387. })
  1388. /* for(let i in functions){
  1389. if(functions[i] instanceof Function){
  1390. let oldFun = functions[i]
  1391. functions[i] = function(){
  1392. console.warn('path', i, path.title, ...arguments)
  1393. oldFun.apply(this, arguments)
  1394. }
  1395. }
  1396. } */
  1397. path.functions = functions
  1398. props.line && functions.changeLine(props.line)
  1399. return functions
  1400. },
  1401. startAddSth(){//开始添加热点
  1402. Potree.settings.disableClick = true //禁止点击事件,尤其是全景模式下,否则会走到下一个点
  1403. viewer.dispatchEvent('start_inserting_tag')
  1404. },
  1405. endAddSth(){
  1406. Potree.settings.disableClick = false
  1407. viewer.dispatchEvent('endTagMove')
  1408. },
  1409. createTagging(props){
  1410. let bus = mitt()
  1411. //console.warn('createTagging', props)
  1412. let root = viewer.scene.pointclouds.concat(viewer.objs.children).find(e=>e.dataset_id == props.modelId)
  1413. if(!root){
  1414. return console.error('热点没有找到该modelId,模型是否已经删除?')
  1415. }
  1416. let info = {
  1417. position: new THREE.Vector3().copy(props.position), //局部坐标
  1418. normal: new THREE.Vector3().copy(props.normal),
  1419. root, lineLength: props.altitudeAboveGround,
  1420. title: props.title, fontsize: props.fontSize
  1421. }
  1422. let tag = viewer.tagTool.createTagFromData(info)
  1423. props.image = ossRoot + '/' +props.image
  1424. tag.addEventListener('mouseover',()=>{
  1425. bus.emit('enter')
  1426. })
  1427. tag.addEventListener('mouseleave',()=>{
  1428. bus.emit('leave')
  1429. })
  1430. tag.addEventListener('click',()=>{
  1431. bus.emit('click')
  1432. })
  1433. tag.addEventListener('posChanged',(e)=>{
  1434. bus.emit('changePosition', {
  1435. modelId: tag.root.dataset_id,
  1436. normal: tag.normal.clone(),
  1437. pos: tag.position.clone()
  1438. })
  1439. })
  1440. tag.functions = {
  1441. bus,
  1442. changeType(type){
  1443. //console.log('changeType', tag.title, type)
  1444. let onMesh = type == '3d'
  1445. if(tag.onMesh != onMesh){
  1446. tag.changeOnMesh(onMesh)
  1447. }
  1448. },
  1449. visibility(v){// 标注可见性
  1450. //console.log('visibility', tag.title, v)
  1451. Potree.Utils.updateVisible(tag,'user', v)
  1452. viewer.dispatchEvent('content_changed')
  1453. },
  1454. visibilityTitle(v){
  1455. tag.setTitleVisi(v, 'user')
  1456. },
  1457. changePosition({modelId,position,normal}){
  1458. let root = viewer.scene.pointclouds.concat(viewer.objs.children).find(e=>e.dataset_id == props.modelId)
  1459. tag.changePos({root,position,normal})
  1460. },
  1461. changeImage(url){
  1462. tag.changeMap(url)
  1463. },
  1464. changeTitle(title){
  1465. tag.setTitle(title)
  1466. },
  1467. changeMat({scale,rotation}){//大小旋转 贴墙时
  1468. tag.setFaceAngle(rotation)
  1469. tag.changeSpotScale(scale)
  1470. },
  1471. changeFontSize(fontsize){
  1472. tag.setFontSize(fontsize)
  1473. },
  1474. // 更改离地高度
  1475. changeLineHeight(height){//线长
  1476. tag.changeLineLen(height)
  1477. },
  1478. changeCanMove(canMove){
  1479. //console.log('changeCanMove', tag.title, canMove)
  1480. tag.dragEnable = canMove
  1481. },
  1482. getImageCenter(){ //热点在模型的本地坐标
  1483. return tag.onMesh ? tag.position : new THREE.Vector3().addVectors(tag.position, tag.titleLabel.parent.position)
  1484. },
  1485. getCameraDisSquared(){//距离intersect的位置
  1486. return viewer.mainViewport.camera.position.distanceToSquared(tag.getWorldPosition(new THREE.Vector3)) /* < tag.farSquared */
  1487. },
  1488. destory(){
  1489. tag.dispose()
  1490. },
  1491. }
  1492. tag.functions.changeImage(props.image)
  1493. /*
  1494. tag.functions.changeType(props.type)
  1495. */
  1496. return tag.functions
  1497. },
  1498. showGrid() {
  1499. Potree.Utils.updateVisible(viewer.modules.MergeEditor.ground, 'hideGrid', true)
  1500. viewer.dispatchEvent('content_changed')
  1501. },
  1502. hideGrid() {
  1503. Potree.Utils.updateVisible(viewer.modules.MergeEditor.ground, 'hideGrid', false)
  1504. viewer.dispatchEvent('content_changed')
  1505. }
  1506. }
  1507. function spliceFromArr(model, props, loaded){
  1508. //let autoLoads.find()
  1509. props.loadFinish = true
  1510. props.loading = false
  1511. if (loaded) {
  1512. props.loaded = true
  1513. props.model = model
  1514. } else {
  1515. props.error = true
  1516. }
  1517. /* let haventLoad = autoLoads.filter(e=>!e.loading && !e.loadFinish);
  1518. if( haventLoad[0]){
  1519. startLoad(haventLoad[0])
  1520. */
  1521. if (!loadNext()) {
  1522. if (autoLoads.filter(e => !e.loadFinish).length == 0 && autoLoads.filter(e => e.loaded).length > 0 && !props.isFirstLoad) {//设置相机位置:当自动开始加载第一个模型时(其余的也跟着自动加载),等这批加载完后;
  1523. let autoLoadsDone = autoLoads.filter(e => e.loaded).map(e => e.model)
  1524. let loadTimeCost = Date.now() - loadStartTime
  1525. console.log('所有模型加载完毕, 耗时', parseInt(loadTimeCost) )
  1526. autoLoads.filter(e => e.loaded && e.show).forEach(e => e.model.visible = true)
  1527. MergeEditor.focusOn(autoLoadsDone, 1000, true, true)
  1528. autoLoads.length = 0
  1529. }
  1530. }
  1531. }
  1532. function loadNext(){
  1533. let haventLoad = autoLoads.filter(e => !e.loading && !e.loadFinish);
  1534. let loading = autoLoads.filter(e => e.loading);
  1535. let needLoad = haventLoad.slice(0, maxLoadingCount - loading.length)
  1536. needLoad.forEach(e => startLoad(e))
  1537. return haventLoad.length > 0
  1538. }
  1539. function startLoad(prop){
  1540. /* if(prop.raw.visible !== 1){//用于临时隐藏
  1541. setTimeout(()=>{
  1542. spliceFromArr(null, prop, false)
  1543. prop.bus.emit('loadError' )
  1544. },1)
  1545. return
  1546. } */
  1547. if(prop.loading || prop.loadFinish)return
  1548. Potree.Log(`--开始加载--`, { font: { color: '#f68' } });
  1549. console.log('id:', prop.id, ', title:', prop.title, ', filename:', Potree.Common.getNameFromURL(prop.url), ', type:', prop.type, prop)
  1550. prop.unlit = prop.renderType != 'normal'
  1551. prop.maximumScreenSpaceError = 70
  1552. prop.prefix = prop.raw.prefix
  1553. /* laserRoot != void 0 && (prop.prefix = laserRoot) //prefix for getdataset
  1554. //Potree.settings.urls.prefix = prop.prefix = '' */
  1555. Potree.addModel(prop, prop.done, prop.progressFun, prop.onError)
  1556. prop.loading = true
  1557. }
  1558. function buildMap(){
  1559. if (Potree.settings.showCesium && !window.cesiumViewer) {
  1560. viewer.backgroundOpacity = 0
  1561. //密钥
  1562. Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI2ZGM2YzY0ZC1kNWE0LTRiYTgtYTkwNS1kYmJiODRjMWUwMmQiLCJpZCI6MjMzMTQ1LCJpYXQiOjE3MjI5OTUwNTB9.niqpkl6xOkQ2KeJjelyDDDydmSGqKXKb5cX2NyxSNAw'
  1563. window.cesiumViewer = new Cesium.Viewer('app', {
  1564. useDefaultRenderLoop: true,
  1565. requestRenderMode: true, //add 只有需要render时才会render,如tile加载完后、镜头移动后
  1566. animation: false,
  1567. baseLayerPicker: false,
  1568. fullscreenButton: false,
  1569. geocoder: false,
  1570. homeButton: false,
  1571. infoBox: false,
  1572. sceneModePicker: false,
  1573. selectionIndicator: false,
  1574. timeline: false,
  1575. navigationHelpButton: false,
  1576. //高德秘钥版 imageryProvider: new Cesium.AmapImageryProvider({key, mapStyle: 'normal'})
  1577. //报错 401 (Unauthorized) 的方法 https://blog.csdn.net/LBY_XK/article/details/121992641
  1578. //terrainShadows: Cesium.ShadowMode.DISABLED, //terrain地形 //自带的地图直接用84坐标
  1579. });
  1580. let satellite = true
  1581. let gaoDeImageryProvider = cesImageryProvider || new Cesium.UrlTemplateImageryProvider({
  1582. url: `http://wprd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=${satellite?6:7}&x={x}&y={y}&z={z}&layer=6&token=YOUR_API_KEY`, //style=6是卫星,7是标准
  1583. minimumLevel: 0,
  1584. maximumLevel: satellite?18:19,
  1585. credit: new Cesium.Credit('高德地图'),
  1586. tilingScheme: new AmapMercatorTilingScheme(), //修改投影,从84->高德
  1587. crossOrigin: 'anonymous',
  1588. })
  1589. cesiumViewer.imageryLayers.removeAll();
  1590. cesiumViewer.imageryLayers.addImageryProvider(gaoDeImageryProvider);
  1591. //叠一层文字上去
  1592. let gaoDeImageryProvider2 = cesImageryProvider || new Cesium.UrlTemplateImageryProvider({
  1593. url: `http://wprd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}&layer=6&token=YOUR_API_KEY`, //style=6是卫星,7是标准
  1594. minimumLevel: 0,
  1595. maximumLevel: 18,
  1596. credit: new Cesium.Credit('高德地图'),
  1597. tilingScheme: new AmapMercatorTilingScheme(), //修改投影,从84->高德
  1598. crossOrigin: 'anonymous',
  1599. })
  1600. cesiumViewer.imageryLayers.addImageryProvider(gaoDeImageryProvider2);
  1601. Potree.cesScreenshot = (w,h)=>{
  1602. console.log('cesScreenshot',w,h)
  1603. cesiumViewer.scene.canvas.style.width = w+'px'
  1604. cesiumViewer.scene.canvas.style.height = h+'px'
  1605. cesiumViewer.scene.canvas.style.visibility = 'hidden'
  1606. cesiumViewer.resize()
  1607. cesAspect = w/h
  1608. let deferred = $.Deferred();
  1609. updateMap(w/h)//hfov可能改变了需要update。
  1610. setTimeout(()=>{ //延迟是似乎还要做别的处理,否则立即截图的话可能得到绿色底图(俯视状态容易触发)
  1611. let oldMode = window.cesiumViewer._cesiumWidget._scene.requestRenderMode
  1612. window.cesiumViewer._cesiumWidget._scene.requestRenderMode = 0 //强制render,否则会黑屏
  1613. cesiumViewer.render();
  1614. let dataUrl = window.cesiumViewer.scene.canvas.toDataURL('image/png')
  1615. window.cesiumViewer._cesiumWidget._scene.requestRenderMode = oldMode
  1616. //Potree.Common.downloadFile(dataUrl, 'screenshot.png')
  1617. cesAspect = null
  1618. cesiumViewer.scene.canvas.style.width = ''
  1619. cesiumViewer.scene.canvas.style.height = ''
  1620. cesiumViewer.scene.canvas.style.visibility = ''
  1621. deferred.resolve(dataUrl)
  1622. },200) //时间短了容易黑屏
  1623. return deferred.promise()
  1624. }
  1625. }
  1626. updateMap()
  1627. }
  1628. function updateCamNear(type){// 有的漫游场景模型缩放的很小(0.1%),需要缩小near才能看见, 但会造成z-fighting, 离远了看大模型会闪烁
  1629. const min = 0.0001, max = 0.1
  1630. let near , bigScale = 0.2
  1631. if(Potree.settings.displayMode == 'showPanos'/* && type != 'cameraMove' */){
  1632. let currentModel = viewer.images360.currentPano.pointcloud
  1633. near = Potree.math.linearClamp(currentModel.scale.x, [0, 1], [min, max])
  1634. }else/* if(type == 'cameraMove') */{
  1635. //没有完美的解决方式,优先考虑选中的模型。否则优先考虑离得近的。 另外尽量用大的,因为缩很小的情况很少。
  1636. //虽然案例说应该看model.bound.size,但如果非场景模型,缩很小的话也不需要凑近看。
  1637. let allModels = viewer.objs.children.concat(viewer.scene.pointclouds)
  1638. if(allModels.length == 0)return
  1639. allModels.sort((a,b)=>{return a.scale.x - b.scale.x})
  1640. let minS = allModels[0].scale.x, maxS = allModels.pop().scale.x
  1641. let considerModel
  1642. if(minS>bigScale) near = max
  1643. else{
  1644. if(MergeEditor.selected){
  1645. considerModel = MergeEditor.selected
  1646. near = Potree.math.linearClamp(considerModel.scale.x, [0, bigScale], [min, max])
  1647. }else{
  1648. //allModels = allModels.filter() //写不下去了好难,就算了吧, 折中
  1649. near = Potree.math.linearClamp(minS, [0, bigScale], [max/4, max])
  1650. }
  1651. }
  1652. }
  1653. if(near != viewer.mainViewport.camera.near){
  1654. console.log('updateNear',near)
  1655. viewer.mainViewport.camera.near = near
  1656. viewer.mainViewport.camera.updateProjectionMatrix()
  1657. viewer.dispatchEvent('content_changed')
  1658. }
  1659. }
  1660. function updateCamFar(){
  1661. let expand = 1.1 //for label
  1662. Potree.settings.cameraFar = THREE.Math.clamp((viewer.bound.boundingBox.distanceToPoint(viewer.mainViewport.camera.position)+viewer.bound.boundSize.length() ) * expand , 10000, 100000000000)
  1663. }
  1664. function updateMap(){
  1665. if (Potree.settings.showCesium && Potree.settings.displayMode == 'showPointCloud') {
  1666. let camera = MergeEditor.split ? viewer.viewports.find(e=>e.name == 'top').camera : viewer.mainViewport.camera
  1667. let pPos = new THREE.Vector3(0, 0, 0).applyMatrix4(camera.matrixWorld);
  1668. let orientation
  1669. let toCes = (pos) => {
  1670. let xy = [pos.x, pos.y];
  1671. let height = pos.z;
  1672. let deg = viewer.transform.lonlatToLocal.inverse(xy) // toMap.forward(xy);
  1673. let cPos = Cesium.Cartesian3.fromDegrees(...deg, height);
  1674. //console.log('toCes',cPos,height) //数字过大如e35会崩溃
  1675. return cPos;
  1676. };
  1677. let cPos = toCes(pPos);
  1678. if(MergeEditor.split){
  1679. orientation = {
  1680. heading: Cesium.Math.toRadians(0.0), // 方向角
  1681. pitch: Cesium.Math.toRadians(-90.0), // 俯仰角
  1682. roll: 0.0 // 翻滚角
  1683. }
  1684. if(!cesiumViewer.camera.perpFrustum_){
  1685. cesiumViewer.camera.perpFrustum_ = cesiumViewer.camera.frustum
  1686. cesiumViewer.camera.frustum = new Cesium.OrthographicOffCenterFrustum({//OrthographicFrustum OrthographicOffCenterFrustum
  1687. left: -10000, // 左边界
  1688. right: 10000, // 右边界
  1689. bottom: -10000, // 下边界
  1690. top: 10000, // 上边界
  1691. near: 1.0, // 近裁剪面距离
  1692. far: 100000000.0, // 远裁剪面距离
  1693. })
  1694. }
  1695. cesiumViewer.camera.frustum.left = camera.left / camera.zoom
  1696. cesiumViewer.camera.frustum.right = camera.right / camera.zoom
  1697. cesiumViewer.camera.frustum.top = camera.top / camera.zoom
  1698. cesiumViewer.camera.frustum.bottom = camera.bottom / camera.zoom
  1699. }else{
  1700. cesiumViewer.camera.perpFrustum_ && (cesiumViewer.camera.frustum = cesiumViewer.camera.perpFrustum_, cesiumViewer.camera.perpFrustum_ = null) //恢复
  1701. //let pRight = new THREE.Vector3(600, 0, 0).applyMatrix4(camera.matrixWorld);
  1702. let pUp = new THREE.Vector3(0, 600, 0).applyMatrix4(camera.matrixWorld);
  1703. let pTarget = viewer.scene.view.getPivot();
  1704. let cUpTarget = toCes(pUp);
  1705. let cTarget = toCes(pTarget);
  1706. let cDir = Cesium.Cartesian3.subtract(cTarget, cPos, new Cesium.Cartesian3());
  1707. let cUp = Cesium.Cartesian3.subtract(cUpTarget, cPos, new Cesium.Cartesian3());
  1708. cDir = Cesium.Cartesian3.normalize(cDir, new Cesium.Cartesian3());
  1709. cUp = Cesium.Cartesian3.normalize(cUp, new Cesium.Cartesian3());
  1710. //console.log('ces', 'cPos', cPos, 'cDir',cDir, 'cUp', cUp)
  1711. orientation = {
  1712. direction: cDir,
  1713. up: cUp
  1714. }
  1715. let aspect = cesAspect || camera.aspect;
  1716. //console.log('updateMap', aspect)
  1717. if (aspect < 1) {
  1718. let fovy = Math.PI * (viewer.scene.getActiveCamera().fov / 180);
  1719. cesiumViewer.camera.frustum.fov = fovy;
  1720. } else {
  1721. let fovy = Math.PI * (viewer.scene.getActiveCamera().fov / 180);
  1722. let fovx = Math.atan(Math.tan(0.5 * fovy) * aspect) * 2
  1723. cesiumViewer.camera.frustum.fov = fovx;
  1724. }
  1725. }
  1726. cesiumViewer.camera.setView({
  1727. destination: cPos,
  1728. orientation
  1729. });
  1730. cesiumViewer.scene.globe.show = camera.position.z > 0 //在地面之下地球会闪烁,故隐藏
  1731. cesiumViewer.render(); //立即render,否则会和点云render不同步而错位
  1732. }//cesium测试沙盒 https://sandcastle.cesium.com/
  1733. }
  1734. class AmapMercatorTilingScheme extends Cesium.WebMercatorTilingScheme {
  1735. constructor(options) {
  1736. super(options)
  1737. let projection = new Cesium.WebMercatorProjection()
  1738. this._projection.project = function(cartographic, result) {
  1739. //WGS84转GCJ02坐标
  1740. /* result = gcoord.transform([
  1741. Cesium.Math.toDegrees(cartographic.longitude),
  1742. Cesium.Math.toDegrees(cartographic.latitude)
  1743. ], gcoord.WGS84, gcoord.GCJ02) */
  1744. result = AMapWith84__.wgs84ToAMap({
  1745. x: Cesium.Math.toDegrees(cartographic.longitude),
  1746. y: Cesium.Math.toDegrees(cartographic.latitude)
  1747. })
  1748. result = projection.project(new Cesium.Cartographic(Cesium.Math.toRadians(result.x),Cesium.Math.toRadians(result.y)))
  1749. return new Cesium.Cartesian2(result.x,result.y)
  1750. }
  1751. this._projection.unproject = function(cartesian, result) {
  1752. let cartographic = projection.unproject(cartesian)
  1753. //GCJ02转WGS84坐标
  1754. /* result = gcoord.transform([
  1755. Cesium.Math.toDegrees(cartographic.longitude),
  1756. Cesium.Math.toDegrees(cartographic.latitude)
  1757. ], gcoord.GCJ02, gcoord.WGS84) */
  1758. result = AMapWith84__.aMapToWgs84({
  1759. x: Cesium.Math.toDegrees(cartographic.longitude),
  1760. y: Cesium.Math.toDegrees(cartographic.latitude)
  1761. })
  1762. return new Cesium.Cartographic(Cesium.Math.toRadians(result.x),Cesium.Math.toRadians(result.y))
  1763. }
  1764. }
  1765. }//see : https://blog.csdn.net/hongxianqiang/article/details/140541555 cesium加载高德地图并纠偏
  1766. return sdk
  1767. }
  1768. /*
  1769. 暂定不同场景间的漫游点不能互通。虽然它们可能是摆放正确的,如果是组成一整个场景的话还是要打通……
  1770. 不互通的方法是设置pano.enable
  1771. 现在需要互通了。但是还需要设置neibgbours, 有点麻烦,暂时没写。
  1772. */
  1773. export default enter