index.js 90 KB

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