index.js 92 KB

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