MeasuringTool.js 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795
  1. import * as THREE from "../../../../libs/three.js/build/three.module.js";
  2. import {Measure} from "./Measure.js";
  3. import History from "../../utils/History.js"
  4. import {Utils} from "../../../utils.js";
  5. import math from "../../utils/math.js";
  6. import {CameraMode} from "../../../defines.js";
  7. import {TextSprite} from '../TextSprite.js'
  8. import {Prism} from "../../modules/volumeCompute/Prism.js";
  9. export class MeasuringTool extends THREE.EventDispatcher{
  10. constructor (viewer) {
  11. super();
  12. this.viewer = viewer;
  13. this.renderer = viewer.renderer;
  14. this.viewer.addEventListener('start_inserting_measurement', e => {
  15. this.viewer.dispatchEvent({
  16. type: 'cancel_insertions'
  17. });
  18. });
  19. this.showLabels = true;
  20. this.scene = new THREE.Scene();
  21. this.scene.name = 'scene_measurement';
  22. //this.light = new THREE.PointLight(0xffffff, 1.0);
  23. //this.scene.add(this.light);
  24. this.viewer.inputHandler.registerInteractiveScene(this.scene);
  25. this.history = new History({
  26. applyData: (data)=>{
  27. if(data.measure.parent && data.measure.visible){
  28. data = Potree.Common.CloneObject(data) //避免使用后更改数据又被使用
  29. data.measure.reDraw()
  30. data.measure.initData(data)
  31. data.measure.isNew = data.isNew
  32. data.measure.dispatchEvent('changeByHistory')
  33. /* if(data.measure.isPrism){
  34. data.measure.needsCompute = data.needsCompute
  35. } */
  36. data.measure.facePlane = data.facePlane && data.facePlane.clone()
  37. data.measure.cannotConfirmNormal = data.cannotConfirmNormal
  38. return true
  39. }
  40. },
  41. getData:(measure)=>{
  42. let data = {
  43. measure,
  44. points: measure.points.map(e=>e.clone()),
  45. dataset_points: measure.dataset_points ? measure.dataset_points.map(e=>e&&e.clone()) : null,
  46. points_datasets: measure.points_datasets.slice(),
  47. datasetId: measure.datasetId,
  48. isNew: measure.isNew,
  49. facePlane: measure.facePlane && measure.facePlane.clone(),
  50. cannotConfirmNormal: measure.cannotConfirmNormal
  51. }
  52. /* if(measure.isPrism){ //没用
  53. data.volumeInfo = measure.volumeInfo
  54. data.needsCompute = measure.needsCompute
  55. //但不记录其他信息
  56. } */
  57. return data
  58. }
  59. }),
  60. //this.scene = viewer.overlay//
  61. this.onRemove = (e) => { e.measurement.dispose()/* this.scene.remove(e.measurement); */};
  62. this.onAdd = e => {this.scene.add(e.measurement);};
  63. for(let measurement of viewer.scene.measurements){
  64. this.onAdd({measurement: measurement});
  65. }
  66. viewer.addEventListener('camera_changed', this.update.bind(this),{importance:10})//优先级高于sprite
  67. if(Potree.config.measure.mulLabelHideFaraway ){
  68. viewer.addEventListener("raycaster", this.beforeDraw.bind(this),{importance:10}) //before render
  69. viewer.addEventListener("render.begin", this.beforeDraw.bind(this),{importance:10}) //before render
  70. viewer.addEventListener("render.begin2", this.beforeDraw.bind(this),{importance:10})
  71. }
  72. //viewer.addEventListener("update", this.update.bind(this));
  73. viewer.addEventListener("render.pass.perspective_overlay", this.render.bind(this));
  74. viewer.addEventListener("scene_changed", this.onSceneChange.bind(this));
  75. viewer.scene.addEventListener('measurement_added', this.onAdd);
  76. viewer.scene.addEventListener('measurement_removed', this.onRemove);
  77. viewer.addEventListener('resize',this.setSize.bind(this))
  78. }
  79. onSceneChange(e){
  80. if(e.oldScene){
  81. e.oldScene.removeEventListener('measurement_added', this.onAdd);
  82. e.oldScene.removeEventListener('measurement_removed', this.onRemove);
  83. }
  84. e.scene.addEventListener('measurement_added', this.onAdd);
  85. e.scene.addEventListener('measurement_removed', this.onRemove);
  86. }
  87. createMeasureFromData(data){//add
  88. const measure = data.measureType == 'MulDistance Ring' ? new Prism(data) : new Measure(data);
  89. if(measure.failBuilded){
  90. return
  91. }
  92. viewer.scene.addMeasurement(measure);
  93. if(measure.guideLine)measure.guideLine.visible = false
  94. return measure
  95. }
  96. beforeDraw(e){
  97. if(e.viewport.name == 'mapViewport' && !viewer.mapViewer.attachedToViewer)return //no measures
  98. viewer.scene.measurements.forEach(measure=>{
  99. if(measure.measureType != 'MulDistance' || (measure.isNew ? measure.points.length<4 : measure.points.length<3)) return
  100. let lastIndex = measure.points.length - 1;
  101. for (let index = 0; index <= lastIndex; index++) {
  102. if(!measure.closed && index == lastIndex)continue
  103. let edgeLabel = measure.edgeLabels[index];
  104. let v = edgeLabel.visiMap.get(e.viewport.camera)
  105. if(v == void 0){
  106. return measure.getEdgeLabelVisi(e.viewport)
  107. }
  108. Potree.Utils.updateVisible(edgeLabel, 'tooFar', v === false ? false : true)
  109. }
  110. })
  111. }
  112. update(e){
  113. /* viewer.scene.measurements.forEach(measure=>{
  114. if(measure.measureType != 'MulDistance' || (measure.isNew ? measure.points.length<4 : measure.points.length<3)) return
  115. }) */
  116. if(viewer.inputHandler.measuring && Potree.settings.adsorption){
  117. viewer.scene.measurements.forEach(measure=>{
  118. measure.getPointsPos2d(e.viewport, true)
  119. })
  120. }
  121. if(Potree.config.measure.mulLabelHideFaraway){
  122. if(e.changeInfo.projectionChanged || e.viewport.camera.type == 'PerspectiveCamera' && e.changeInfo.positionChanged){//for MulDistance
  123. viewer.scene.measurements.forEach(measure=>{
  124. if(measure.measureType != 'MulDistance' || (measure.isNew ? measure.points.length<4 : measure.points.length<3)) return
  125. measure.getEdgeLabelVisi(e.viewport)
  126. return
  127. let lastIndex = measure.points.length - 1;
  128. for (let index = 0; index <= lastIndex; index++) {
  129. if(!measure.closed && index == lastIndex)continue
  130. let nextIndex = (index + 1 > lastIndex) ? 0 : index + 1;
  131. let previousIndex = (index === 0) ? lastIndex : index - 1;
  132. let point = measure.points[index];
  133. let nextPoint = measure.points[nextIndex];
  134. let previousPoint = measure.points[previousIndex];
  135. let point2d = new THREE.Vector2().copy(pos2ds[index]);
  136. let nextPoint2d = new THREE.Vector2().copy(pos2ds[nextIndex]);
  137. if(measure.showDistances || measure.labelText){ // edge labels
  138. let edgeLabel = measure.edgeLabels[index];
  139. if(edgeLabel.visible){
  140. measure.setEdgeLabelPos(edgeLabel, point, nextPoint )
  141. }
  142. }
  143. }
  144. })
  145. }
  146. }
  147. return;
  148. let camera = this.viewer.scene.getActiveCamera();
  149. let domElement = this.renderer.domElement;
  150. let measurements = this.viewer.scene.measurements;
  151. // make size independant of distance
  152. let mainLabels = [], subLabels = [];
  153. for (let measure of measurements) {
  154. measure.lengthUnit = this.viewer.lengthUnit;
  155. measure.lengthUnitDisplay = this.viewer.lengthUnitDisplay;
  156. //measure.update();
  157. updateAzimuth(this.viewer, measure);
  158. /* [...measure.markers, ...measure.edgeLabels, measure.areaLabel].forEach(e=>{
  159. e && e.update()
  160. }); */
  161. // labels
  162. /* let labels = measure.edgeLabels.concat(measure.angleLabels);
  163. for(let label of labels){
  164. label.update()
  165. if(label.elem.hasClass('sub')){
  166. subLabels.push(label)
  167. }else{
  168. mainLabels.push(label)
  169. }
  170. }
  171. // coordinate labels
  172. for (let j = 0; j < measure.coordinateLabels.length; j++) {
  173. let label = measure.coordinateLabels[j];
  174. label.update()
  175. mainLabels.push(label)
  176. }
  177. if(measure.showArea){ // area label
  178. let label = measure.areaLabel;
  179. label.update()
  180. mainLabels.push(label)
  181. } */
  182. /* if(measure.showCircle){ // radius label
  183. let label = measure.circleRadiusLabel;
  184. let distance = label.position.distanceTo(camera.position);
  185. let pr = Utils.projectedRadius(1, camera, distance, clientWidth, clientHeight);
  186. let scale = (70 / pr);
  187. label.scale.set(scale, scale, scale);
  188. } */
  189. if(!this.showLabels){
  190. const labels = [
  191. ...measure.sphereLabels,
  192. ...measure.angleLabels,
  193. measure.circleRadiusLabel,
  194. ];
  195. for(const label of labels){
  196. label.visible = false;
  197. }
  198. }
  199. }
  200. //this.updateLabelZIndex([{labels:subLabels},{labels:mainLabels}])
  201. }
  202. setSize(e){ //e.resolution
  203. /* if(Measure.lineMats){
  204. for(var m in Measure.lineMats){
  205. Measure.lineMats[m].resolution.set(e.canvasWidth, e.canvasHeight);
  206. }
  207. }
  208. if(Measure.sphereMats){
  209. for(var s in Measure.sphereMats){
  210. Measure.sphereMats[s].uniforms.resolution.value.set(e.canvasWidth, e.canvasHeight);
  211. }
  212. }
  213. for (let measure of this.viewer.scene.measurements) {
  214. measure.edgeLabels.concat(measure.areaLabel).forEach(label=>{
  215. label.sprite.material.uniforms.resolution.value.set(e.canvasWidth, e.canvasHeight);
  216. })
  217. } */
  218. }
  219. updateLabelZIndex(group){//[{labels:[]},{}] 顺序按照z-index低到高
  220. group.forEach((e,i)=>{
  221. e.base = group[i-1] ? group[i-1].base + group[i-1].labels.length : 0
  222. var labels = e.labels.sort((a,b)=>{
  223. return b.pos2d.z - a.pos2d.z
  224. })
  225. labels.forEach((label,index)=>{
  226. $(label.elem).css('z-index', e.base+index)
  227. })
  228. })
  229. }
  230. editStateChange(e){
  231. //console.log("editStateChange" , e.state)
  232. let state = e.state
  233. if(!state){
  234. state = viewer.scene.measurements.some(e=>e.isEditing)
  235. }
  236. if(state){
  237. viewer.dispatchEvent({type:"measureMovePoint"})//重新激活reticule状态
  238. }else{
  239. viewer.dispatchEvent({type:"endMeasureMove"})
  240. }
  241. //this.editing =
  242. }
  243. startInsertion (args = {}, callback, cancelFun) {
  244. let domElement = this.viewer.renderer.domElement;
  245. let measure = args.measureType == 'MulDistance Ring' ? new Prism(args) : new Measure(args);
  246. this.scene.add(measure);
  247. measure.isNew = true
  248. this.viewer.dispatchEvent({
  249. type: 'start_inserting_measurement',
  250. measure: measure
  251. });
  252. measure.addEventListener('editStateChange', this.editStateChange.bind(this))
  253. measure.editStateChange(true)
  254. let timer;
  255. this.isAdding = true
  256. let endDragFun = (e) => {
  257. let length = measure.points.length
  258. if (e.button == THREE.MOUSE.LEFT || e.isTouch) {
  259. if (length >= measure.maxMarkers) {
  260. end({finish:true});
  261. }else{
  262. this.history.beforeChange(measure)
  263. let marker = measure.cloneMarker(length - 1, length)
  264. if(args.isRect && measure.markers.length == 3){//marker全可见
  265. measure.cloneMarker(0, 3)
  266. }else{
  267. measure.markers[length].visible = false
  268. measure.edges[length].visible = false
  269. }
  270. measure.edges[length-1].visible = true
  271. measure.markers[length-1].visible = true;
  272. marker.isDragging = true
  273. this.history.afterChange(measure)
  274. measure.continueDrag(marker, e)
  275. }
  276. } else if (e.button === THREE.MOUSE.RIGHT ) { //触屏怎么取消?
  277. if(e.pressDistance < Potree.config.clickMaxDragDis){//非拖拽的话
  278. var isIntersectSelf = measure.atPlane && measure.closed && !measure.isRect && measure.point2dInfo && measure.intersectSelf(measure.point2dInfo.points2d.slice(0,measure.point2dInfo.points2d.length-1))//检测除了最后一个点的相交情况
  279. if(!isIntersectSelf)end(e);
  280. else measure.continueDrag(null, e)
  281. }else measure.continueDrag(null, e)
  282. }
  283. };
  284. let end = (e={}) => {//确定、结束
  285. if(!measure.isNew )return
  286. if(args.minMarkers != void 0 ){
  287. if(!e.finish && measure.markers.length<=args.minMarkers ){//右键 当个数不够时取消
  288. //this.viewer.scene.removeMeasurement(measure)
  289. //重新开始画
  290. if(measure.markers.length>0){
  291. measure.markers[0].removeEventListener('mousedown',end)
  292. measure.reDraw()
  293. this.viewer.addEventListener('global_click', click, {importance:10})
  294. measure.editStateChange(true)
  295. }
  296. return
  297. /* if(!Potree.settings.isOfficial) this.viewer.scene.removeMeasurement(measure)
  298. else if(e.drag){ //正式版本不允许右键退出, 继续
  299. continueDrag(e.drag.object)
  300. measure.editStateChange(true)
  301. return
  302. } */
  303. }
  304. }
  305. let lastMarker = measure.markers[measure.markers.length-1]
  306. if (/* !e.finish&& */ measure.markers.length > args.minMarkers) {
  307. measure.removeMarker(measure.points.length - 1);
  308. measure.markers[0].removeEventListener('mouseover', mouseover);
  309. measure.markers[0].removeEventListener('mouseleave', mouseleave);
  310. measure.markers[0].removeEventListener('click'/* 'mousedown' */,Exit)
  311. if(e.byClickMarker && measure.markers.length > args.minMarkers ){//通过点击第一个marker而结束的话,会多一个marker。但点击marker后可能会因为和它坐标一致而没有添加成功,就不删,根据添加的时间来判断。
  312. let delta = Date.now() - lastMarker.createTime
  313. //console.log('delta',delta)
  314. if(delta < 10){//刚生成的,说明点击后新增了一个marker
  315. measure.removeMarker(measure.points.length - 1);
  316. }
  317. }
  318. }
  319. measure.isNew = false
  320. let length = measure.points.length
  321. if(length){
  322. measure.markers[length-1].visible = true;
  323. measure.edges[length-1].visible = !!measure.closed
  324. measure.markers.forEach(marker=>{marker.dispatchEvent('addHoverEvent') })
  325. measure.edges.forEach(edge=>{edge.dispatchEvent('addHoverEvent') })
  326. measure.update();//update last edgeLabel
  327. }
  328. clearTimeout(timer)
  329. this.viewer.removeEventListener('cancel_insertions', Exit);
  330. //pressExit && this.viewer.inputHandler.removeEventListener('keydown', pressExit);
  331. this.viewer.removeEventListener('global_click', click)
  332. this.viewer.removeEventListener('global_mousemove', ifAtWrongPlace)
  333. viewer.dispatchEvent({
  334. type : "CursorChange", action : "remove", name:"polygon_AtWrongPlace"
  335. });
  336. viewer.inputHandler.dispatchEvent({type:'measuring', v:false, cause:'stopInsertion', situation:'adding', object:measure} )
  337. //var isIntersectSelf = measure.atPlane && measure.closed && !measure.isRect && measure.point2dInfo && measure.intersectSelf(measure.point2dInfo.points2d.slice(0,measure.point2dInfo.points2d.length-1))//检测除了最后一个点的相交情况
  338. var isIntersectSelf = measure.atPlane && measure.closed && !measure.isRect && measure.point2dInfo && measure.intersectSelf(measure.point2dInfo.points2d)
  339. if(isIntersectSelf) return cancelFun && cancelFun() //请求删除,不重建
  340. e.remove || callback && callback()
  341. /* this.viewer.dispatchEvent({
  342. type: 'finish_inserting_measurement',
  343. measure: measure
  344. }); */
  345. this.isAdding = false
  346. measure.dispatchEvent('createDone')
  347. };
  348. measure.addEventListener('finish', end) //完成
  349. let Exit = (e)=>{//强制退出
  350. if(e.measure && e.measure != measure || !viewer.scene.measurements.includes(measure) || !measure.isNew){
  351. return;//若指定了退出的measure但和该measure不一致,就返回
  352. }
  353. if(e.remove || e.type == 'cancel_insertions'){
  354. viewer.scene.removeMeasurement(measure)
  355. }
  356. measure.editStateChange(false)
  357. measure.cannotConfirmNormal = false //一些dropMarker中的句子
  358. measure.guideLine && (measure.guideLine.visible = false)
  359. /*
  360. if(this.viewer.inputHandler.drag && !e.remove ){//还未触发drop的话
  361. this.viewer.inputHandler.drag.object.dispatchEvent({ //这句会导致又增一个marker
  362. type: 'drop',
  363. drag: this.viewer.inputHandler.drag,
  364. viewer: this.viewer,
  365. pressDistance:0,
  366. button : THREE.MOUSE.RIGHT
  367. });
  368. } else {*///未结束时添加新的measure时会触发
  369. end({finish:true, remove:e.remove, byClickMarker: e.type == 'click'})
  370. //}
  371. this.viewer.inputHandler.drag && (this.viewer.inputHandler.drag.object = null)
  372. }
  373. this.viewer.addEventListener('cancel_insertions', Exit);
  374. /*let pressExit
  375. if(!Potree.settings.isOfficial){
  376. pressExit = (e)=>{
  377. if(e.keyCode == 27){//Esc
  378. //Exit()
  379. //怎么模拟右键???//现由前端发出
  380. }
  381. }
  382. this.viewer.inputHandler.addEventListener('keydown', pressExit)
  383. } */
  384. let mouseover = (e) => {
  385. measure.setMarkerSelected(e.object, 'hover', 'single');
  386. };
  387. let mouseleave = (e) => {
  388. measure.setMarkerSelected(e.object, 'unhover', 'single');
  389. }
  390. let click = (e)=>{//一旦点击就立刻增加两marker
  391. if(ifAtWrongPlace(e))return
  392. if(e.clickElement)return //如点击label时focusOnObject
  393. if(e.button === THREE.MOUSE.RIGHT)return
  394. //console.log('measure clicked33', !!e.intersectPoint)
  395. //var I = e.intersectPoint && (e.intersectPoint.orthoIntersect || e.intersectPoint.location)
  396. var I = e.intersect && (e.intersect.orthoIntersect || e.intersect.location)
  397. if(!I){
  398. return measure.dispatchEvent('intersectNoPointcloud')
  399. }
  400. var atMap = e.drag.dragViewport.name == 'mapViewport'
  401. //在地图上测量的首个点按楼层高度(暂时先只按mainViewport相机高度吧,但navvis是按楼层,画在楼层的地面上,可能因为平面图显示的是楼层近地面),
  402. if(atMap){
  403. I = I.clone().setZ(viewer.mainViewport.camera.position.z )
  404. }
  405. var marker = measure.addMarker({point:I})
  406. marker.isDragging = true
  407. this.viewer.inputHandler.startDragging(marker , {endDragFun, notPressMouse:true} ); //notPressMouse代表不是通过按下鼠标来拖拽
  408. e.drag = this.viewer.inputHandler.drag
  409. /* e.drag.endDragFun = endDragFun
  410. e.drag.notPressMouse = true */
  411. //if(!measure.dragMarker(e) || !measure.dropMarker(e))return
  412. measure.dragMarker(e)
  413. measure.dropMarker(e)
  414. if(measure.maxMarkers > 1 ){
  415. measure.markers[1].visible = false
  416. measure.edges[1].visible = false
  417. }
  418. if(measure.closed && !measure.isRect){
  419. measure.markers[0].addEventListener('mouseover', mouseover);
  420. measure.markers[0].addEventListener('mouseleave', mouseleave);
  421. measure.markers[0].addEventListener('click'/* 'mousedown' */,Exit) //点击到第一个marker就结束
  422. }
  423. this.viewer.removeEventListener('global_click', click)///* global_drop */
  424. //console.log('measure clicked')
  425. e.consume && e.consume()
  426. return {stopContinue:true}//防止继续执行别的侦听,如flytopano
  427. }
  428. //点击第n下拥有n+1个marker, n>0
  429. viewer.inputHandler.dispatchEvent({type: 'measuring', v: true, cause:'startInsertion', situation:'adding', object:measure})
  430. this.viewer.addEventListener('global_click', click, {importance:10})//add importance
  431. let ifAtWrongPlace = (e)=>{
  432. if(measure.unableDragAtMap && e.hoverViewport.name == 'mapViewport' ){
  433. if(e.isTouch){
  434. viewer.dispatchEvent({type:'reticule_forbit', v:true})
  435. }else{
  436. viewer.dispatchEvent({
  437. type : "CursorChange", action : "add", name:"polygon_AtWrongPlace"
  438. });
  439. }
  440. return true
  441. }else{
  442. if(e.isTouch){
  443. viewer.dispatchEvent({type:'reticule_forbit',v:false})
  444. }else{
  445. viewer.dispatchEvent({
  446. type : "CursorChange", action : "remove", name:"polygon_AtWrongPlace"
  447. });
  448. }
  449. }
  450. }
  451. if(measure.unableDragAtMap){
  452. this.viewer.addEventListener('global_mousemove', ifAtWrongPlace)
  453. }
  454. let changeByHistory = (e)=>{
  455. if(!measure.isNew)return
  456. let marker = measure.markers[measure.points.length-1]
  457. this.viewer.inputHandler.startDragging(marker , {endDragFun, notPressMouse:true} );
  458. var I = viewer.inputHandler.intersect && (viewer.inputHandler.intersect.orthoIntersect || viewer.inputHandler.intersect.location)
  459. if(I){
  460. measure.dragChange(I.clone(), measure.points.length-1 ) //使最后一个点在鼠标处
  461. }
  462. /* if(measure.markers.length == 1){
  463. Common.updateVisible(marker, ,false)
  464. } */
  465. args.isRect || ( measure.edges[measure.points.length-1].visible = false)
  466. //measure.continueDrag(measure.markers[measure.points.length-1], o )
  467. }
  468. measure.addEventListener('changeByHistory',changeByHistory)
  469. this.viewer.scene.addMeasurement(measure);
  470. return measure;
  471. }
  472. render(o={}){
  473. if(this.scene.children.filter(e=>e.visible).length == 0)return
  474. let renderer = o.renderer || this.viewer.renderer
  475. Potree.Utils.setCameraLayers(o.camera, ['measure'])
  476. /* if(o.screenshot && this.viewer.fxaaPass.enabled){ //抗锯齿
  477. this.viewer.ssaaRenderPass.sampleLevel = 4
  478. this.viewer.composer.render(this.scene, o.camera );
  479. }else{ */
  480. viewer.dispatchEvent({type: "render.begin2" , name:'measure', viewport:o.viewport })
  481. renderer.render(this.scene, o.camera );
  482. //}
  483. }
  484. };
  485. function updateAzimuth(viewer, measure){
  486. if(!measure.showAzimuth)return
  487. const azimuth = measure.azimuth;
  488. const isOkay = measure.points.length === 2;
  489. azimuth.node.visible = isOkay
  490. if(!azimuth.node.visible){
  491. return;
  492. }
  493. const camera = viewer.scene.getActiveCamera();
  494. const renderAreaSize = viewer.renderer.getSize(new THREE.Vector2());
  495. const width = renderAreaSize.width;
  496. const height = renderAreaSize.height;
  497. const [p0, p1] = measure.points;
  498. const r = p0.position.distanceTo(p1.position);
  499. const northVec = Utils.getNorthVec(p0.position, r, viewer.getProjection());
  500. const northPos = p0.position.clone().add(northVec);
  501. azimuth.center.position.copy(p0.position);
  502. azimuth.center.scale.set(2, 2, 2);
  503. azimuth.center.visible = false;
  504. // azimuth.target.visible = false;
  505. { // north
  506. azimuth.north.position.copy(northPos);
  507. azimuth.north.scale.set(2, 2, 2);
  508. let distance = azimuth.north.position.distanceTo(camera.position);
  509. let pr = Utils.projectedRadius(1, camera, distance, width, height);
  510. let scale = (5 / pr);
  511. azimuth.north.scale.set(scale, scale, scale);
  512. }
  513. { // target
  514. azimuth.target.position.copy(p1.position);
  515. azimuth.target.position.z = azimuth.north.position.z;
  516. let distance = azimuth.target.position.distanceTo(camera.position);
  517. let pr = Utils.projectedRadius(1, camera, distance, width, height);
  518. let scale = (5 / pr);
  519. azimuth.target.scale.set(scale, scale, scale);
  520. }
  521. azimuth.circle.position.copy(p0.position);
  522. azimuth.circle.scale.set(r, r, r);
  523. azimuth.circle.material.resolution.set(width, height);
  524. // to target
  525. azimuth.centerToTarget.geometry.setPositions([
  526. 0, 0, 0,
  527. ...p1.position.clone().sub(p0.position).toArray(),
  528. ]);
  529. azimuth.centerToTarget.position.copy(p0.position);
  530. azimuth.centerToTarget.geometry.verticesNeedUpdate = true;
  531. azimuth.centerToTarget.geometry.computeBoundingSphere();
  532. azimuth.centerToTarget.computeLineDistances();
  533. azimuth.centerToTarget.material.resolution.set(width, height);
  534. // to target ground
  535. azimuth.centerToTargetground.geometry.setPositions([
  536. 0, 0, 0,
  537. p1.position.x - p0.position.x,
  538. p1.position.y - p0.position.y,
  539. 0,
  540. ]);
  541. azimuth.centerToTargetground.position.copy(p0.position);
  542. azimuth.centerToTargetground.geometry.verticesNeedUpdate = true;
  543. azimuth.centerToTargetground.geometry.computeBoundingSphere();
  544. azimuth.centerToTargetground.computeLineDistances();
  545. azimuth.centerToTargetground.material.resolution.set(width, height);
  546. // to north
  547. azimuth.centerToNorth.geometry.setPositions([
  548. 0, 0, 0,
  549. northPos.x - p0.position.x,
  550. northPos.y - p0.position.y,
  551. 0,
  552. ]);
  553. azimuth.centerToNorth.position.copy(p0.position);
  554. azimuth.centerToNorth.geometry.verticesNeedUpdate = true;
  555. azimuth.centerToNorth.geometry.computeBoundingSphere();
  556. azimuth.centerToNorth.computeLineDistances();
  557. azimuth.centerToNorth.material.resolution.set(width, height);
  558. // label
  559. const radians = Utils.computeAzimuth(p0.position, p1.position, viewer.getProjection());
  560. let degrees = THREE.Math.radToDeg(radians);
  561. if(degrees < 0){
  562. degrees = 360 + degrees;
  563. }
  564. const txtDegrees = `${degrees.toFixed(2)}°`;
  565. const labelDir = northPos.clone().add(p1.position).multiplyScalar(0.5).sub(p0.position);
  566. if(labelDir.length() > 0){
  567. labelDir.z = 0;
  568. labelDir.normalize();
  569. const labelVec = labelDir.clone().multiplyScalar(r);
  570. const labelPos = p0.position.clone().add(labelVec);
  571. azimuth.label.position.copy(labelPos);
  572. }
  573. azimuth.label.setText(txtDegrees);
  574. let distance = azimuth.label.position.distanceTo(camera.position);
  575. let pr = Utils.projectedRadius(1, camera, distance, width, height);
  576. let scale = (70 / pr);
  577. azimuth.label.scale.set(scale, scale, scale);
  578. }