Compare commits
	
		
			15 Commits
		
	
	
		
			f9a3ffb359
			...
			project
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
| be1614b50b | |||
| 8287a00832 | |||
| 5dd7303a6a | |||
| 56910ff8ab | |||
| 229fd9037f | |||
| 24a0078eea | |||
| 6c84baa3c2 | |||
| 22e4652528 | |||
| 1a394336ff | |||
| 1d6b635f7a | |||
| 5b788a74d4 | |||
| 65ee6b70ba | |||
| ed18fd776b | |||
| dd7af5aa4d | |||
| 56ad8ae7a0 | 
| @ -135,6 +135,7 @@ const open = async (sdk, options = {}, _Dialog = {}) => { | ||||
|       pitch: viewer.camera.pitch, | ||||
|       roll: viewer.camera.roll | ||||
|     } | ||||
|     tools.message({text: '操作成功'}) | ||||
|   }) | ||||
|  | ||||
|   let totalTimeElm = contentElm.querySelector("input[name='totalTime']") | ||||
|  | ||||
| @ -100,14 +100,14 @@ function MouseRightMenu(sdk, status, callBack) { | ||||
|           that = sdk.entityMap.get(entityId) | ||||
|         } | ||||
|  | ||||
|         if (that && that.picking) { | ||||
|           addedMenu = ` | ||||
|         <span class="divider" style="display: block;border-top: 1px solid #ddd;margin: 5px;"></span> | ||||
|         <ul class="added" style="list-style: none;padding: 0;margin: 0;font-size: 12px;"> | ||||
|           <li style="padding: 3px 10px;cursor: pointer;">属性</li> | ||||
|         </ul> | ||||
|         ` | ||||
|         } | ||||
|         // if (that && that.picking) { | ||||
|         //   addedMenu = ` | ||||
|         // <span class="divider" style="display: block;border-top: 1px solid #ddd;margin: 5px;"></span> | ||||
|         // <ul class="added" style="list-style: none;padding: 0;margin: 0;font-size: 12px;"> | ||||
|         //   <li style="padding: 3px 10px;cursor: pointer;">属性</li> | ||||
|         // </ul> | ||||
|         // ` | ||||
|         // } | ||||
|         let position = tools.cartesian3Towgs84(cartesian, sdk.viewer) | ||||
|         menuElm = document.createElement('div') | ||||
|         menuElm.id = 'custom-menu' | ||||
| @ -121,9 +121,6 @@ function MouseRightMenu(sdk, status, callBack) { | ||||
|         <ul class="base" style="list-style: none;padding: 0;margin: 0;font-size: 12px;"> | ||||
|           <li style="padding: 3px 10px;cursor: pointer;">绕鼠标点旋转</li> | ||||
|         </ul> | ||||
|         <ul class="base" style="list-style: none;padding: 0;margin: 0;font-size: 12px;"> | ||||
|           <li style="padding: 3px 10px;cursor: pointer;">文本框</li> | ||||
|         </ul> | ||||
|         ${addedMenu} | ||||
|       ` | ||||
|         _element.appendChild(menuElm) | ||||
|  | ||||
| @ -186,8 +186,8 @@ import Frustum from '../Obj/AirLine/frustum' | ||||
| import DrawTakeOff from '../Obj/AirLine/DrawTakeOff' | ||||
| import FlowLine from '../Obj/Base/FlowLine' | ||||
| import Sunshine from '../Global/efflect/Sunshine' | ||||
| import Road2 from '../Obj/Base/RoadObject' | ||||
| import TextBox from '../Obj/Base/TextBox' | ||||
| // import Road2 from '../Obj/Base/RoadObject' | ||||
| // import TextBox from '../Obj/Base/TextBox' | ||||
| import BatchModel from '../Obj/Base/BatchModel' | ||||
|  | ||||
| const YJEarthismeasuring = Symbol('测量状态') | ||||
| @ -261,8 +261,8 @@ if (!window.YJ) { | ||||
|       // GenerateRoute | ||||
|       Dialog, | ||||
|       FlowLine, | ||||
|       Road2, | ||||
|       TextBox, | ||||
|       // Road2, | ||||
|       // TextBox, | ||||
|       BatchModel | ||||
|     }, | ||||
|     YJEarth, | ||||
|  | ||||
| @ -550,7 +550,7 @@ class Model2 extends BaseModel { | ||||
|  | ||||
|   set labelShow(v) { | ||||
|     this.options.label.show = v | ||||
|     if (this.show) { | ||||
|     if (this.show && !this.showView || this.showView == 3) { | ||||
|       this.label.show = v | ||||
|     } | ||||
|     else { | ||||
|  | ||||
| @ -40,11 +40,6 @@ import { | ||||
| import { getGoodsList } from '../../../Tools/getGoodsList' | ||||
|  | ||||
| class BillboardObject extends Base { | ||||
|   #_postRenderEvent = null | ||||
|   #_destroyMouseEvent = null | ||||
|   #_billboardHeight = 0 | ||||
|  | ||||
|  | ||||
|   /** | ||||
|    * @constructor | ||||
|    * @description 创建点标注 | ||||
| @ -123,7 +118,6 @@ class BillboardObject extends Base { | ||||
|     this.options.positions.alt = Number( | ||||
|       Number(options.positions.alt || 0).toFixed(2) | ||||
|     ) | ||||
|     this.#_billboardHeight = this.options.positions.alt | ||||
|     // this.options.diffuseShow = options.diffuseShow || false | ||||
|     // this.options.diffuseRadius = (options.diffuseRadius || options.diffuseRadius === 0) ? options.diffuseRadius : 10 | ||||
|     // this.options.diffuseDuration = (options.diffuseDuration || options.diffuseDuration === 0) ? options.diffuseDuration : 2000 | ||||
| @ -151,18 +145,11 @@ class BillboardObject extends Base { | ||||
|       this.options.attribute.goods.content || [] | ||||
|     this.options.attributeType = options.attributeType || 'richText' | ||||
|     this.options.coordinate = options.coordinate || '' | ||||
|     this.options.attributeBoxState = options.attributeBoxState || false | ||||
|     this.operate = {} | ||||
|     this._elms = {} | ||||
|     this.previous = { | ||||
|       positions: { ...this.options.positions } | ||||
|     } | ||||
|     this.options.attributePos = options.attributePos || { | ||||
|       x: 60, | ||||
|       y: 60, | ||||
|       width: 200, | ||||
|       height: 120 | ||||
|     } | ||||
|     this.entity | ||||
|     this._proj = this.sdk.proj | ||||
|  | ||||
| @ -195,109 +182,7 @@ class BillboardObject extends Base { | ||||
|  | ||||
|  | ||||
|  | ||||
|     this.#_destroyMouseEvent = () => { | ||||
|       this.attributeElm && (this.attributeElm.style.pointerEvents = 'unset') | ||||
|       this.sdk.viewer._element.onmousemove = null | ||||
|       document.removeEventListener('mouseup', this.#_destroyMouseEvent) | ||||
|       document.removeEventListener('mouseleave', this.#_destroyMouseEvent) | ||||
|     } | ||||
|  | ||||
|     this.#_postRenderEvent = () => { | ||||
|       let siteInfoPosition = Cesium.Cartesian3.fromDegrees( | ||||
|         this.options.positions.lng, | ||||
|         this.options.positions.lat, | ||||
|         this.#_billboardHeight | ||||
|       ) | ||||
|       if (this.attributeElm && this.entity) { | ||||
|         let winpos = this.sdk.viewer.scene.cartesianToCanvasCoordinates( | ||||
|           siteInfoPosition | ||||
|         ) | ||||
|         let pixelOffset = this.entity.label.pixelOffset.getValue() | ||||
|         if (winpos) { | ||||
|           let scale = getCurrentBillboardScale(this.entity, this.sdk.viewer.scene) | ||||
|           let height = ((this.entity.billboard.height.getValue() * (this.options.billboard.scale || 0)) + this.options.label.fontSize) * (1 - (scale * scale)) | ||||
|           let flag = false | ||||
|           let lineElm = this.attributeElm.getElementsByClassName('billboard-attribute-box-line')[0] | ||||
|           let leftTopElm = this.attributeElm.getElementsByClassName('left-top')[0] | ||||
|           let rightTopElm = this.attributeElm.getElementsByClassName('right-top')[0] | ||||
|           this.attributeElm.style.left = (winpos.x + this.options.attributePos.x).toFixed(0) + 'px' | ||||
|           this.attributeElm.style.top = (winpos.y + pixelOffset.y - (this.options.label.show ? (this.options.label.fontSize / 2) : -(this.options.label.fontSize / 2)) - this.attributeElm.offsetHeight - this.options.attributePos.y + height).toFixed(0) + 'px' | ||||
|           this.attributeElm.style.width = this.options.attributePos.width + 'px' | ||||
|           this.attributeElm.style.height = this.options.attributePos.height + 'px' | ||||
|           lineElm.style.zIndex = '-1' | ||||
|           if (this.options.attributePos.x < -this.options.attributePos.width / 2) { | ||||
|             flag = true | ||||
|             lineElm.style.left = 'unset' | ||||
|             lineElm.style.right = '0' | ||||
|             leftTopElm.style.display = 'block' | ||||
|             rightTopElm.style.display = 'none' | ||||
|           } | ||||
|           else { | ||||
|             lineElm.style.left = '0' | ||||
|             lineElm.style.right = 'unset' | ||||
|             leftTopElm.style.display = 'none' | ||||
|             rightTopElm.style.display = 'block' | ||||
|           } | ||||
|  | ||||
|           let lineLength | ||||
|           let lineAngleRad | ||||
|           let lineAngle | ||||
|           let x | ||||
|           let y | ||||
|           if (flag) { | ||||
|             x = this.attributeElm.offsetWidth + this.options.attributePos.x | ||||
|             y = this.options.attributePos.y ? this.options.attributePos.y : 0 | ||||
|           } | ||||
|           else { | ||||
|             x = this.options.attributePos.x | ||||
|             y = this.options.attributePos.y ? this.options.attributePos.y : 0 | ||||
|           } | ||||
|           lineLength = Math.sqrt((x * x) + (y * y)).toFixed(2); | ||||
|           lineAngleRad = Math.atan(x / y); | ||||
|           lineAngle = parseFloat((lineAngleRad * 180 / Math.PI).toFixed(2)); | ||||
|           if (this.options.attributePos.y < 0) { | ||||
|             lineAngle = lineAngle + 180 | ||||
|           } | ||||
|           // if(this.options.attributePos.y<-this.options.attributePos.height/2) { | ||||
|           //   lineElm.style.bottom = 'unset' | ||||
|           //   lineElm.style.top = '0' | ||||
|           // } | ||||
|           // else { | ||||
|           //   lineElm.style.bottom = -lineLength + 'px' | ||||
|           //   lineElm.style.top = 'unset' | ||||
|           // } | ||||
|           lineElm.style.height = lineLength + 'px' | ||||
|           lineElm.style.transform = 'rotate(' + lineAngle + 'deg)' | ||||
|         } | ||||
|       } | ||||
|     } | ||||
|  | ||||
|     function getCurrentBillboardScale(entity, scene) { | ||||
|       // 获取相机到Billboard的距离 | ||||
|       const distance = Cesium.Cartesian3.distance( | ||||
|         scene.camera.positionWC, | ||||
|         entity.position.getValue() | ||||
|       ); | ||||
|       // 获取缩放距离配置 | ||||
|       const scaleByDistance = entity.billboard.scaleByDistance ? entity.billboard.scaleByDistance.getValue() : undefined; | ||||
|  | ||||
|       if (!scaleByDistance) { | ||||
|         // 如果没有设置距离缩放,则使用基础缩放值 | ||||
|         return 1.0; | ||||
|       } | ||||
|  | ||||
|       // 解析缩放距离参数 [near, nearScale, far, farScale] | ||||
|       const { near, nearValue, far, farValue } = scaleByDistance; | ||||
|       if (distance <= near) { | ||||
|         return nearValue; | ||||
|       } else if (distance >= far) { | ||||
|         return farValue; | ||||
|       } else { | ||||
|         // 计算中间距离的缩放值(线性插值) | ||||
|         const t = (distance - near) / (far - near); | ||||
|         return Cesium.Math.lerp(nearValue, farValue, t); | ||||
|       } | ||||
|     } | ||||
|  | ||||
|  | ||||
|     this.sdk.addIncetance(this.options.id, this) | ||||
| @ -358,7 +243,6 @@ class BillboardObject extends Base { | ||||
|             that.entity.billboard.imgHeight = 0 | ||||
|             that.entity.billboard.image = canvas | ||||
|             addCluster(that.sdk, that.entity) | ||||
|             that.attributeBoxState && (that.attributeBoxState = true) | ||||
|           } | ||||
|           return | ||||
|         } | ||||
| @ -383,7 +267,6 @@ class BillboardObject extends Base { | ||||
|             return img | ||||
|           }, false) | ||||
|           addCluster(that.sdk, that.entity) | ||||
|           that.attributeBoxState && (that.attributeBoxState = true) | ||||
|         } | ||||
|       }) | ||||
|     } | ||||
| @ -415,7 +298,6 @@ class BillboardObject extends Base { | ||||
|           that.entity.billboard.imgHeight = height | ||||
|           that.entity.billboard.image = canvas | ||||
|           addCluster(that.sdk, that.entity) | ||||
|           that.attributeBoxState && (that.attributeBoxState = true) | ||||
|         } | ||||
|       } | ||||
|       image.onerror = function (err) { | ||||
| @ -427,7 +309,6 @@ class BillboardObject extends Base { | ||||
|           that.entity.billboard.imgHeight = 0 | ||||
|           that.entity.billboard.image = canvas | ||||
|           addCluster(that.sdk, that.entity) | ||||
|           that.attributeBoxState && (that.attributeBoxState = true) | ||||
|         } | ||||
|       }; | ||||
|     } | ||||
| @ -552,11 +433,11 @@ class BillboardObject extends Base { | ||||
|         value: '链接', | ||||
|         key: 'link' | ||||
|       }, | ||||
|       { | ||||
|         name: 'IP摄像头', | ||||
|         value: 'IP摄像头', | ||||
|         key: 'camera' | ||||
|       }, | ||||
|       // { | ||||
|       //   name: 'IP摄像头', | ||||
|       //   value: 'IP摄像头', | ||||
|       //   key: 'camera' | ||||
|       // }, | ||||
|       // { | ||||
|       //   name: 'ISC摄像头', | ||||
|       //   value: 'ISC摄像头', | ||||
| @ -567,16 +448,16 @@ class BillboardObject extends Base { | ||||
|       //   value: '传感器', | ||||
|       //   key: 'sensor' | ||||
|       // }, | ||||
|       { | ||||
|         name: '全景图', | ||||
|         value: '全景图', | ||||
|         key: 'vr' | ||||
|       }, | ||||
|       { | ||||
|         name: '物资', | ||||
|         value: '物资', | ||||
|         key: 'goods' | ||||
|       } | ||||
|       // { | ||||
|       //   name: '全景图', | ||||
|       //   value: '全景图', | ||||
|       //   key: 'vr' | ||||
|       // }, | ||||
|       // { | ||||
|       //   name: '物资', | ||||
|       //   value: '物资', | ||||
|       //   key: 'goods' | ||||
|       // } | ||||
|     ] | ||||
|   } | ||||
|  | ||||
| @ -584,36 +465,15 @@ class BillboardObject extends Base { | ||||
|     return this.options.show | ||||
|   } | ||||
|   set show(v) { | ||||
|     if (!this.isShowView) { | ||||
|     if(!this.isShowView) { | ||||
|       this.options.show = v | ||||
|       this.originalOptions.show = v | ||||
|     } | ||||
|     if (!this.showView || this.showView == 3) { | ||||
|     if(!this.showView || this.showView == 3) { | ||||
|       this.entity && (this.entity.show = this.options.show) | ||||
|       if (this.attributeBoxState && this.options.show) { | ||||
|         this.attributeBoxState = this.options.show | ||||
|       } | ||||
|       else { | ||||
|         // 关闭属性框 | ||||
|         document.addEventListener('mouseup', this.#_destroyMouseEvent); | ||||
|         document.addEventListener('mouseleave', this.#_destroyMouseEvent); | ||||
|         if (this.attributeElm) { | ||||
|           this.sdk.viewer._element.removeChild(this.attributeElm) | ||||
|           this.attributeElm = null | ||||
|         } | ||||
|         this.sdk.viewer.scene.postRender.removeEventListener(this.#_postRenderEvent) | ||||
|       } | ||||
|     } | ||||
|     else { | ||||
|       this.entity && (this.entity.show = false) | ||||
|       // 关闭属性框 | ||||
|       document.addEventListener('mouseup', this.#_destroyMouseEvent); | ||||
|       document.addEventListener('mouseleave', this.#_destroyMouseEvent); | ||||
|       if (this.attributeElm) { | ||||
|         this.sdk.viewer._element.removeChild(this.attributeElm) | ||||
|         this.attributeElm = null | ||||
|       } | ||||
|       this.sdk.viewer.scene.postRender.removeEventListener(this.#_postRenderEvent) | ||||
|     } | ||||
|     syncData(this.sdk, this.options.id) | ||||
|     syncSplitData(this.sdk, this.options.id) | ||||
| @ -702,26 +562,6 @@ class BillboardObject extends Base { | ||||
|     if (this.entity) { | ||||
|       this.entity.billboard.heightReference = heightMode | ||||
|       this.entity.label.heightReference = heightMode | ||||
|       if(heightMode == Cesium.HeightReference.CLAMP_TO_GROUND) { | ||||
|         if (this.sdk.viewer.scene.terrainProvider.availability) { | ||||
|           Cesium.sampleTerrainMostDetailed( | ||||
|             this.sdk.viewer.scene.terrainProvider, | ||||
|             [ | ||||
|               Cesium.Cartographic.fromDegrees( | ||||
|                 this.options.positions.lng, | ||||
|                 this.options.positions.lat | ||||
|               ) | ||||
|             ] | ||||
|           ).then(position => { | ||||
|             this.#_billboardHeight = position[0].height | ||||
|           }) | ||||
|         } else { | ||||
|           this.#_billboardHeight = 0 | ||||
|         } | ||||
|       } | ||||
|       else { | ||||
|         this.#_billboardHeight = this.options.positions.alt | ||||
|       } | ||||
|     } | ||||
|     this._elms.heightMode && (this._elms.heightMode.value = heightModeName) | ||||
|   } | ||||
| @ -776,7 +616,6 @@ class BillboardObject extends Base { | ||||
|   } | ||||
|   set alt(v) { | ||||
|     this.options.positions.alt = Number(Number(v).toFixed(2)) | ||||
|     this.#_billboardHeight = this.options.positions.alt | ||||
|     // this.scan && (this.scan.alt = v) | ||||
|     // this.diffuse && (this.diffuse.alt = v) | ||||
|     this.renewPoint() | ||||
| @ -1877,22 +1716,6 @@ class BillboardObject extends Base { | ||||
|         this.cameraSelect && this.cameraSelect() | ||||
|         this.ISCSelect && this.ISCSelect() | ||||
|         this.goodsSelect && this.goodsSelect() | ||||
|  | ||||
|         let col = document.createElement('div') | ||||
|         col.className = 'col' | ||||
|         col.style.flex = '0 0 110px' | ||||
|         col.innerHTML = ` | ||||
|           <span class="label">属性框</span> | ||||
|           <input class="btn-switch" type="checkbox"> | ||||
|         ` | ||||
|  | ||||
|         let row = this._DialogObject._element.content.getElementsByClassName('attribute')[0].getElementsByClassName('row')[0] | ||||
|         row.appendChild(col) | ||||
|         let boxSwitch = col.getElementsByClassName('btn-switch')[0] | ||||
|         boxSwitch.checked = this.attributeBoxState | ||||
|         boxSwitch.addEventListener('change', (e) => { | ||||
|           this.attributeBoxState = boxSwitch.checked | ||||
|         }) | ||||
|         let tagData = this.attributeSelect | ||||
|         let attributeElm = this._DialogObject._element.content.getElementsByClassName( | ||||
|           'attribute-select-box' | ||||
| @ -2404,7 +2227,6 @@ class BillboardObject extends Base { | ||||
|     this.attributeCamera = this.options.attribute.camera.content | ||||
|     this.attributeGoods = this.options.attribute.goods.content | ||||
|     this.attributeISC = this.options.attribute.ISC.content | ||||
|     this.attributeBoxState = this.options.attributeBoxState | ||||
|     this.cameraSelect && this.cameraSelect() | ||||
|     this.goodsSelect && this.goodsSelect() | ||||
|   } | ||||
| @ -2412,7 +2234,6 @@ class BillboardObject extends Base { | ||||
|   async remove() { | ||||
|     await remove_entity_from_cluster(this.sdk.viewer, this.entity) | ||||
|     this.entity = null | ||||
|     this.attributeBoxState = false | ||||
|     if (!this.sdk.viewer || !this.sdk.viewer.entities) { | ||||
|       return | ||||
|     } | ||||
| @ -2603,7 +2424,6 @@ class BillboardObject extends Base { | ||||
|     } | ||||
|     if (height !== undefined) { | ||||
|       this.options.positions.alt = Number(Number(height).toFixed(2)) | ||||
|       this.#_billboardHeight = this.options.positions.alt | ||||
|       this._elms.alt && | ||||
|         this._elms.alt.forEach(item => { | ||||
|           item.value = this.options.positions.alt | ||||
| @ -2619,7 +2439,6 @@ class BillboardObject extends Base { | ||||
|           switch (this._elms.heightMode.value) { | ||||
|             case '海拔高度': | ||||
|               heightElm.value = this.options.positions.alt | ||||
|               this.#_billboardHeight = this.options.positions.alt | ||||
|               break | ||||
|             case '相对地表': | ||||
|               if (this.sdk.viewer.scene.terrainProvider.availability) { | ||||
| @ -2635,18 +2454,15 @@ class BillboardObject extends Base { | ||||
|                   heightElm.value = Number( | ||||
|                     (this.options.positions.alt - position[0].height).toFixed(2) | ||||
|                   ) | ||||
|                   this.#_billboardHeight = this.options.positions.alt | ||||
|                 }) | ||||
|               } else { | ||||
|                 heightElm.value = this.options.positions.alt | ||||
|                 this.#_billboardHeight = this.options.positions.alt | ||||
|               } | ||||
|               break | ||||
|             case '依附地表': | ||||
|               break | ||||
|             case '依附模型': | ||||
|               heightElm.value = this.options.positions.alt | ||||
|               this.#_billboardHeight = this.options.positions.alt | ||||
|               break | ||||
|           } | ||||
|         } | ||||
| @ -2920,216 +2736,6 @@ class BillboardObject extends Base { | ||||
|         (this.originalOptions.customView = this.options.customView) | ||||
|     } | ||||
|   } | ||||
|  | ||||
|   get attributeBoxState() { | ||||
|     return this.options.attributeBoxState | ||||
|   } | ||||
|  | ||||
|   set attributeBoxState(state) { | ||||
|     state = state ? true : false | ||||
|     this.options.attributeBoxState = state | ||||
|     document.addEventListener('mouseup', this.#_destroyMouseEvent); | ||||
|     document.addEventListener('mouseleave', this.#_destroyMouseEvent); | ||||
|     if (this.attributeElm) { | ||||
|       this.sdk.viewer._element.removeChild(this.attributeElm) | ||||
|       this.attributeElm = null | ||||
|     } | ||||
|     this.sdk.viewer.scene.postRender.removeEventListener(this.#_postRenderEvent) | ||||
|     if (state && this.sdk && this.sdk.viewer && this.sdk.viewer._element && this.show) { | ||||
|       let attributeElm = document.createElement('div') | ||||
|       this.attributeElm = attributeElm | ||||
|       attributeElm.className = 'billboard-attribute-box' | ||||
|       attributeElm.style.top = '0px' | ||||
|       attributeElm.style.left = '0px' | ||||
|       attributeElm.style.width = 0 | ||||
|       attributeElm.style.height = 0 | ||||
|       // attributeElm.innerHTML = this.options.richTextContent | ||||
|       this.sdk.viewer._element.appendChild(attributeElm) | ||||
|       let linkHtml = '' | ||||
|       let goodsHtml = '' | ||||
|       let richTextHtml = '' | ||||
|       for (let i = 0; i < this.options.attribute.link.content.length; i++) { | ||||
|         linkHtml += `<DIV-cy-tab-pane label="${this.options.attribute.link.content[i].name}"><iframe width='100%' height='100%' src="${this.options.attribute.link.content[i].url}"></iframe></DIV-cy-tab-pane>` | ||||
|       } | ||||
|       if (this.options.attribute.goods && this.options.attribute.goods.content && this.options.attribute.goods.content.length > 0) { | ||||
|         goodsHtml += `<DIV-cy-tab-pane label="物资"> | ||||
|         <div class="table"> | ||||
|           <div class="table-head"> | ||||
|             <div class="tr"> | ||||
|               <div class="th" style="width: 20%; flex: 0 20%;">序号</div> | ||||
|               <div class="th" style="width: 40%; flex: 0 40%;">名称</div> | ||||
|               <div class="th" style="width: 40%; flex: 0 40%;">数量</div> | ||||
|             </div> | ||||
|           </div> | ||||
|           <div class="table-body"> | ||||
|         ` | ||||
|         for (let i = 0; i < this.options.attribute.goods.content.length; i++) { | ||||
|           goodsHtml += `<div class="tr"> | ||||
|             <div class="td" style="width: 20%; flex: 0 20%;">${i + 1}</div> | ||||
|             <div class="td" style="width: 40%; flex: 0 40%;">${this.options.attribute.goods.content[i].name}</div> | ||||
|             <div class="td" style="width: 40%; flex: 0 40%;">${this.options.attribute.goods.content[i].cnt}</div> | ||||
|           </div>` | ||||
|         } | ||||
|         goodsHtml += `</div></div></DIV-cy-tab-pane>` | ||||
|       } | ||||
|       if (this.options.richTextContent) { | ||||
|         richTextHtml = `<DIV-cy-tab-pane label="富文本"> | ||||
|           ${this.options.richTextContent} | ||||
|         </DIV-cy-tab-pane>` | ||||
|       } | ||||
|  | ||||
|       let boxHtml = ` | ||||
|         <span class="drag-nook left-top"></span> | ||||
|         <span class="drag-nook right-top"></span> | ||||
|         ` | ||||
|  | ||||
|       if (!linkHtml && !goodsHtml && !richTextHtml) { | ||||
|         boxHtml = boxHtml + '<p style="margin: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;backdrop-filter: blur(2px);">暂无属性信息</p><div class="billboard-attribute-box-line"></div>' | ||||
|       } | ||||
|       else { | ||||
|         boxHtml = boxHtml + ` | ||||
|         <DIV-cy-tabs class="tabs"> | ||||
|           ${richTextHtml} | ||||
|           ${goodsHtml} | ||||
|           ${linkHtml} | ||||
|         </DIV-cy-tabs> | ||||
|         <div class="billboard-attribute-box-line"></div>` | ||||
|       } | ||||
|  | ||||
|       attributeElm.innerHTML = boxHtml | ||||
|  | ||||
|       if (attributeElm.getElementsByClassName('tabs')[0]) { | ||||
|         let tabsElm = new cy_tabs(attributeElm.getElementsByClassName('tabs')[0], undefined, this.sdk) | ||||
|       } | ||||
|  | ||||
|       let imgElm = attributeElm.getElementsByTagName('img') | ||||
|       for (let i = 0; i < imgElm.length; i++) { | ||||
|         if (!imgElm[i].style.width) { | ||||
|           imgElm[i].style.width = '100%' | ||||
|         } | ||||
|       } | ||||
|  | ||||
|       this.sdk.viewer.scene.postRender.addEventListener(this.#_postRenderEvent) | ||||
|       let leftOnmousedown = (e) => { | ||||
|         if (this.options.attributePos.width < 200) { | ||||
|           this.options.attributePos.width = 200 | ||||
|         } | ||||
|         if (this.options.attributePos.height < 120) { | ||||
|           this.options.attributePos.height = 120 | ||||
|         } | ||||
|         let x = e.x | ||||
|         let y = e.y | ||||
|         let width = this.options.attributePos.width | ||||
|         let height = this.options.attributePos.height | ||||
|         let positionx = this.options.attributePos.x | ||||
|         this.sdk.viewer._element.onmousemove = (e2) => { | ||||
|           this.options.attributePos.width = width + (x - e2.x) | ||||
|           this.options.attributePos.height = height + (y - e2.y) | ||||
|           if (this.options.attributePos.width < 200) { | ||||
|             this.options.attributePos.width = 200 | ||||
|           } | ||||
|           else { | ||||
|             this.options.attributePos.x = positionx - (x - e2.x) | ||||
|           } | ||||
|           if (this.options.attributePos.height < 120) { | ||||
|             this.options.attributePos.height = 120 | ||||
|           } | ||||
|           // this.options.attributePos.y = positiony + (y - e2.y) | ||||
|         } | ||||
|         document.addEventListener('mouseup', this.#_destroyMouseEvent); | ||||
|         document.addEventListener('mouseleave', this.#_destroyMouseEvent); | ||||
|       } | ||||
|       let rightOnmousedown = (e) => { | ||||
|         let x = e.x | ||||
|         let y = e.y | ||||
|         if (this.options.attributePos.width < 200) { | ||||
|           this.options.attributePos.width = 200 | ||||
|         } | ||||
|         if (this.options.attributePos.height < 120) { | ||||
|           this.options.attributePos.height = 120 | ||||
|         } | ||||
|         let width = this.options.attributePos.width | ||||
|         let height = this.options.attributePos.height | ||||
|         this.sdk.viewer._element.onmousemove = (e2) => { | ||||
|           this.options.attributePos.width = width + (e2.x - x) | ||||
|           this.options.attributePos.height = height + (y - e2.y) | ||||
|         } | ||||
|         document.addEventListener('mouseup', this.#_destroyMouseEvent); | ||||
|         document.addEventListener('mouseleave', this.#_destroyMouseEvent); | ||||
|       } | ||||
|       // leftTopElm.onmousedown = (e) => { | ||||
|       //   console.log(1111111111) | ||||
|       //   if (this.options.attributePos.width < 200) { | ||||
|       //     this.options.attributePos.width = 200 | ||||
|       //   } | ||||
|       //   if (this.options.attributePos.height < 120) { | ||||
|       //     this.options.attributePos.height = 120 | ||||
|       //   } | ||||
|       //   let x = e.x | ||||
|       //   let y = e.y | ||||
|       //   let width = this.options.attributePos.width | ||||
|       //   let height = this.options.attributePos.height | ||||
|       //   let positionx = this.options.attributePos.x | ||||
|       //   this.sdk.viewer._element.onmousemove = (e2) => { | ||||
|       //     this.options.attributePos.width = width + (x - e2.x) | ||||
|       //     this.options.attributePos.height = height + (y - e2.y) | ||||
|       //     if (this.options.attributePos.width < 200) { | ||||
|       //       this.options.attributePos.width = 200 | ||||
|       //     } | ||||
|       //     else { | ||||
|       //       this.options.attributePos.x = positionx - (x - e2.x) | ||||
|       //     } | ||||
|       //     if (this.options.attributePos.height < 120) { | ||||
|       //       this.options.attributePos.height = 120 | ||||
|       //     } | ||||
|       //     // this.options.attributePos.y = positiony + (y - e2.y) | ||||
|       //   } | ||||
|       //   document.addEventListener('mouseup', this.#_destroyMouseEvent); | ||||
|       //   document.addEventListener('mouseleave', this.#_destroyMouseEvent); | ||||
|       // } | ||||
|       // rightTopElm.onmousedown = (e) => { | ||||
|       //   let x = e.x | ||||
|       //   let y = e.y | ||||
|       //   if (this.options.attributePos.width < 200) { | ||||
|       //     this.options.attributePos.width = 200 | ||||
|       //   } | ||||
|       //   if (this.options.attributePos.height < 120) { | ||||
|       //     this.options.attributePos.height = 120 | ||||
|       //   } | ||||
|       //   let width = this.options.attributePos.width | ||||
|       //   let height = this.options.attributePos.height | ||||
|       //   this.sdk.viewer._element.onmousemove = (e2) => { | ||||
|       //     this.options.attributePos.width = width + (e2.x - x) | ||||
|       //     this.options.attributePos.height = height + (y - e2.y) | ||||
|       //   } | ||||
|       //   document.addEventListener('mouseup', this.#_destroyMouseEvent); | ||||
|       //   document.addEventListener('mouseleave', this.#_destroyMouseEvent); | ||||
|       // } | ||||
|  | ||||
|       attributeElm.onmousedown = (e) => { | ||||
|         attributeElm.style.pointerEvents = 'none' | ||||
|         if (e.target.className.indexOf('left-top') != -1) { | ||||
|           leftOnmousedown(e) | ||||
|         } | ||||
|         else if (e.target.className.indexOf('right-top') != -1) { | ||||
|           rightOnmousedown(e) | ||||
|         } | ||||
|         else { | ||||
|           let x = e.x | ||||
|           let y = e.y | ||||
|           let oldX = this.options.attributePos.x | ||||
|           let oldXY = this.options.attributePos.y | ||||
|           let height = this.options.attributePos.height | ||||
|           this.sdk.viewer._element.onmousemove = (e2) => { | ||||
|             this.options.attributePos.x = oldX + (e2.x - x) | ||||
|             this.options.attributePos.y = oldXY - (e2.y - y) | ||||
|           } | ||||
|           document.addEventListener('mouseup', this.#_destroyMouseEvent); | ||||
|           document.addEventListener('mouseleave', this.#_destroyMouseEvent); | ||||
|         } | ||||
|       } | ||||
|     } | ||||
|   } | ||||
| } | ||||
|  | ||||
| export default BillboardObject | ||||
|  | ||||
| @ -181,7 +181,7 @@ class CircleDiffuse extends Base { | ||||
|       } | ||||
|       that.sdk._entityZIndex++ | ||||
|       if (that.sdk.viewer._element.className === 'cesium-viewer 2d') { | ||||
|         that.entity.ellipse.height = 1000000 | ||||
|         that.entity.ellipse.height = 1 | ||||
|       } | ||||
|       CircleDiffuse.createLabel(that) | ||||
|       syncData(that.sdk, that.options.id) | ||||
|  | ||||
| @ -333,7 +333,7 @@ class CircleObject extends Base { | ||||
|   } | ||||
|   set labelShow(v) { | ||||
|     this.options.label.show = v | ||||
|     if (this.show && (!this.showView || this.showView == 3)) { | ||||
|     if (this.show && !this.showView || this.showView == 3) { | ||||
|       this.label.show = v | ||||
|     } | ||||
|     else { | ||||
|  | ||||
| @ -1384,10 +1384,10 @@ class CurvelineObject extends Base { | ||||
|       that.options.lengthByMeter = res | ||||
|       that.lengthUnit = that.options['length-unit'] | ||||
|       syncData(that.sdk, that.options.id) | ||||
|       if (that.options.show) { | ||||
|         setSplitDirection(0, that.options.id) | ||||
|       } | ||||
|     }) | ||||
|     if (that.options.show) { | ||||
|       setSplitDirection(0, that.options.id) | ||||
|     } | ||||
|  | ||||
|     // if (this.options['nose-to-tail']) { | ||||
|     //   let array = [] | ||||
|  | ||||
| @ -162,6 +162,7 @@ class FlyRoam extends Base { | ||||
|           pitch: viewer.camera.pitch, | ||||
|           roll: viewer.camera.roll | ||||
|         } | ||||
|         this.message({text: '操作成功'}) | ||||
|       }) | ||||
|  | ||||
|       let totalTimeElm = contentElm.querySelector("input[name='totalTime']") | ||||
|  | ||||
| @ -17,6 +17,18 @@ function html(that) { | ||||
|     </div> | ||||
|     <span class="custom-divider"></span> | ||||
|     <div class="div-item"> | ||||
|         <div class="row"> | ||||
|             <div class="col" mode="0"> | ||||
|                 <button class="anchor btn">调整锚点</button> | ||||
|             </div> | ||||
|             <div class="col mode-box"> | ||||
|                 <span class="label" style="flex: unset;">军标模式</span> | ||||
|                 <div class="mode"></div> | ||||
|             </div> | ||||
|         </div> | ||||
|     </div> | ||||
|     <span class="custom-divider" mode="0"></span> | ||||
|     <div class="div-item" mode="0"> | ||||
|         <div class="row"> | ||||
|             <div class="col"> | ||||
|                 <span class="label">旋转角度</span> | ||||
| @ -50,11 +62,11 @@ function html(that) { | ||||
|         </div> | ||||
|     </div> | ||||
|     <span class="custom-divider"></span> | ||||
|     <div class="div-item"> | ||||
|     <div class="div-item" mode="0"> | ||||
|         <div class="row"> | ||||
|             <div class="col" style="flex: 5;"> | ||||
|                 <span class="label">文字内容</span> | ||||
|                 <input class="input" type="text" @model="textValue" maxlength="30"> | ||||
|                 <input class="input" type="text" @model="textValue"> | ||||
|             </div> | ||||
|             <div class="col"> | ||||
|                 <button class="btn" @click="textPosPick">设置位置</span> | ||||
| @ -70,9 +82,9 @@ function html(that) { | ||||
|                 <div class="textColor"></div> | ||||
|             </div> | ||||
|             <div class="col"> | ||||
|                 <span class="label">字体大小</span> | ||||
|                 <span class="label">文字大小</span> | ||||
|                 <div class="input-number input-number-unit-2"> | ||||
|                     <input class="input" type="number" title="" min="1" max="99" @model="textFontSize"> | ||||
|                     <input class="input" type="number" title="" min="1" max="99" step="1" @model="textFontSize"> | ||||
|                     <span class="unit">px</span> | ||||
|                     <span class="arrow"></span> | ||||
|                 </div> | ||||
| @ -101,6 +113,98 @@ function html(that) { | ||||
|             </div> | ||||
|         </div> | ||||
|     </div> | ||||
|     <div class="div-item" mode="1"> | ||||
|         <div class="row"> | ||||
|             <div class="col height-mode-box" style="flex: 0 0 155px;margin-right: 10px;"> | ||||
|                 <span class="label" style="flex: 0 0 56px;">高度模式</span> | ||||
|                 <div class="height-mode"></div> | ||||
|             </div> | ||||
|             <div class="col" style="margin: 0 10px;"> | ||||
|                 <div class="height-box" style="display: flex; align-items: center;"> | ||||
|                     <span class="label" style="flex: 0 0 56px;">高度</span> | ||||
|                     <div class="input-number input-number-unit-1"> | ||||
|                         <input class="input height" type="number" title="" min="-9999999" max="999999999"> | ||||
|                         <span class="unit">m</span> | ||||
|                         <span class="arrow"></span> | ||||
|                     </div> | ||||
|                 </div> | ||||
|             </div> | ||||
|             <div class="col" style="margin-left: 10px;"> | ||||
|                 <span class="label">图标倍数</span> | ||||
|                 <div class="input-number input-number-unit-1"> | ||||
|                     <input class="input" type="number" title="" data-min="0.1" max="99" @model="billboardScale"> | ||||
|                     <span class="unit">倍</span> | ||||
|                     <span class="arrow"></span> | ||||
|                 </div> | ||||
|             </div> | ||||
|         </div> | ||||
|         <div class="row"> | ||||
|             <div class="col" style="flex: 0 0 155px;margin-right: 10px;"> | ||||
|                 <span class="label">视野缩放</span> | ||||
|                 <input class="btn-switch" type="checkbox" @model="billboardScaleByDistance"> | ||||
|             </div> | ||||
|             <div class="col" style="margin: 0 10px;"> | ||||
|                 <span class="label">最近距离</span> | ||||
|                 <div class="input-number input-number-unit-1"> | ||||
|                     <input class="input" type="number" title="" min="1" max="99999999" @model="billboardNear"> | ||||
|                     <span class="unit">m</span> | ||||
|                     <span class="arrow"></span> | ||||
|                 </div> | ||||
|             </div> | ||||
|             <div class="col" style="margin-left: 10px;"> | ||||
|                 <span class="label">最远距离</span> | ||||
|                 <div class="input-number input-number-unit-1"> | ||||
|                     <input class="input" type="number" title="" min="1" max="99999999" @model="billboardFar"> | ||||
|                     <span class="unit">m</span> | ||||
|                     <span class="arrow"></span> | ||||
|                 </div> | ||||
|             </div> | ||||
|         </div> | ||||
|         <h4>文字设置</h4> | ||||
|         <div class="row"> | ||||
|             <div class="col" style="flex: 0 0 80px;margin: 0 10px 0 0;;"> | ||||
|                 <span class="label" style="flex: none;">显隐</span> | ||||
|                 <input class="btn-switch" type="checkbox" @model="labelShow"> | ||||
|             </div> | ||||
|             <div class="col font-select-box" style="margin: 0 0px;flex: 0 0 160px;"> | ||||
|                 <span class="label" style="flex: none;">字体选择</span> | ||||
|                 <div class="input input-select font-select"></div> | ||||
|             </div> | ||||
|             <div class="col" style="margin: 0 10px;"> | ||||
|                 <span class="label">文字大小</span> | ||||
|                 <div class="input-number input-number-unit-2"> | ||||
|                     <input class="input label-font-size" type="number" title="" min="1" max="99" step="1" style="width: 70px;"> | ||||
|                     <span class="unit">px</span> | ||||
|                     <span class="arrow"></span> | ||||
|                 </div> | ||||
|             </div> | ||||
|             <div class="col" style="margin-left: 10px;"> | ||||
|                 <span class="label">文字颜色</span> | ||||
|                 <div class="labelColor"></div> | ||||
|             </div> | ||||
|         </div> | ||||
|         <div class="row" style="justify-content: flex-start;"> | ||||
|             <div class="col font-select-box" style="margin: 0 0px;flex: 0 0 70px;"> | ||||
|                 <span class="label" style="flex: none;">文字偏移</span> | ||||
|             </div> | ||||
|             <div class="col" style="margin: 0 10px;flex: 0 0 100px;"> | ||||
|                 <span class="label">x</span> | ||||
|                 <div class="input-number input-number-unit-2"> | ||||
|                     <input class="input label-offset-x" type="number" title="" min="-999" max="999" step="1"> | ||||
|                     <span class="unit">px</span> | ||||
|                     <span class="arrow"></span> | ||||
|                 </div> | ||||
|             </div> | ||||
|             <div class="col" style="margin: 0 10px;flex: 0 0 100px;"> | ||||
|                 <span class="label">y</span> | ||||
|                 <div class="input-number input-number-unit-2"> | ||||
|                     <input class="input label-offset-y" type="number" title="" min="-999" max="999" step="1"> | ||||
|                     <span class="unit">px</span> | ||||
|                     <span class="arrow"></span> | ||||
|                 </div> | ||||
|             </div> | ||||
|         </div> | ||||
|     </div> | ||||
|     <span class="custom-divider"></span> | ||||
|     <div class="div-item attribute-info"> | ||||
|         <div class="row"> | ||||
|  | ||||
										
											
												File diff suppressed because it is too large
												Load Diff
											
										
									
								
							| @ -893,6 +893,7 @@ class PolylineObject extends Base { | ||||
|       }) | ||||
|     } | ||||
|   } | ||||
|    | ||||
|   get labelBackgroundColorEnd() { | ||||
|     return this.options.label.backgroundColor[1] | ||||
|   } | ||||
| @ -1410,10 +1411,10 @@ class PolylineObject extends Base { | ||||
|       that.options.lengthByMeter = res | ||||
|       that.lengthUnit = that.options['length-unit'] | ||||
|       syncData(that.sdk, that.options.id) | ||||
|       if (that.options.show) { | ||||
|         setSplitDirection(0, that.options.id) | ||||
|       } | ||||
|     }) | ||||
|     if (that.options.show) { | ||||
|       setSplitDirection(0, that.options.id) | ||||
|     } | ||||
|  | ||||
|  | ||||
|     // if (this.options['nose-to-tail']) { | ||||
|  | ||||
| @ -138,7 +138,7 @@ class RadarScan extends Base { | ||||
|     }) | ||||
|     that.sdk._entityZIndex++ | ||||
|     if (that.sdk.viewer._element.className === 'cesium-viewer 2d') { | ||||
|       that.entity.ellipse.height = 1000000 | ||||
|       that.entity.ellipse.height = 1 | ||||
|     } | ||||
|     RadarScan.createLabel(that) | ||||
|     syncData(that.sdk, that.options.id) | ||||
|  | ||||
| @ -1,205 +1,188 @@ | ||||
| function html() { | ||||
|     return ` | ||||
|     <span class="custom-divider"></span> | ||||
|     <div class="div-item"> | ||||
|       <div class="row"> | ||||
|         <div class="col"> | ||||
|           <span class="label" style="flex: 0 0 70px;">名称</span> | ||||
|           <input class="input" maxlength="40" type="text" @model="name"> | ||||
|         </div> | ||||
|         <div class="col"></div> | ||||
|   return ` | ||||
|   <span class="custom-divider"></span> | ||||
|   <div class="div-item"> | ||||
|     <div class="row"> | ||||
|       <div class="col"> | ||||
|         <span class="label" style="flex: 0 0 70px;">名称</span> | ||||
|         <input class="input" maxlength="40" type="text" @model="name"> | ||||
|       </div> | ||||
|       <div class="col"></div> | ||||
|     </div> | ||||
|     <span class="custom-divider"></span> | ||||
|     <div class="div-item"> | ||||
|       <div class="row"> | ||||
|         <div class="col"> | ||||
|           <span class="label" style="flex: 0 0 70px;">起始点高度</span> | ||||
|           <div class="input-number input-number-unit-1 height-box"> | ||||
|             <input class="input" type="number" title="" min="-9999999" max="999999999" @model="height"> | ||||
|             <span class="unit">m</span> | ||||
|             <span class="arrow"></span> | ||||
|           </div> | ||||
|         </div> | ||||
|         <div class="col"> | ||||
|           <span class="label">模型倍数</span> | ||||
|           <div class="input-number input-number-unit-2"> | ||||
|             <input class="input" type="number" title="" min="0" max="99999" step="1" @model="scale"> | ||||
|             <span class="unit">倍</span> | ||||
|             <span class="arrow"></span> | ||||
|           </div> | ||||
|   </div> | ||||
|   <span class="custom-divider"></span> | ||||
|   <div class="div-item"> | ||||
|     <div class="row"> | ||||
|       <div class="col"> | ||||
|         <span class="label" style="flex: 0 0 70px;">起始点高度</span> | ||||
|         <div class="input-number input-number-unit-1 height-box"> | ||||
|           <input class="input" type="number" title="" min="-9999999" max="999999999" @model="height"> | ||||
|           <span class="unit">m</span> | ||||
|           <span class="arrow"></span> | ||||
|         </div> | ||||
|       </div> | ||||
|       <div class="row"> | ||||
|         <div class="col"> | ||||
|           <span class="label" style="flex: 0 0 70px;">运行速度</span> | ||||
|           <div class="input-number input-number-unit-3"> | ||||
|             <input class="input" type="number" title="" min="0" max="99999999" step="1" @model="speed"> | ||||
|             <span class="unit">m/s</span> | ||||
|             <span class="arrow"></span> | ||||
|           </div> | ||||
|         </div> | ||||
|         <div class="col"> | ||||
|           <span class="label">延迟运动</span> | ||||
|           <div class="input-number input-number-unit-3"> | ||||
|             <input class="input" type="number" title="" min="0" max="9999999" @model="delay"> | ||||
|             <span class="unit">ms</span> | ||||
|             <span class="arrow"></span> | ||||
|           </div> | ||||
|         </div> | ||||
|       </div> | ||||
|       <div class="row"> | ||||
|         <div class="col"> | ||||
|           <span class="label" style="flex: 0 0 70px;">更换模型</span> | ||||
|           <button class="btn" @click="clickChangeModel">选择</button> | ||||
|         </div> | ||||
|         <div class="col"> | ||||
|           <span class="label">模型方向</span> | ||||
|           <button class="btn model-rotate-btn" @click="modelRotate">开始调整</button> | ||||
|           <svg class="icon-rubric"><use xlink:href="#yj-icon-rubric"></use></svg> | ||||
|       <div class="col"> | ||||
|         <span class="label">模型倍数</span> | ||||
|         <div class="input-number input-number-unit-2"> | ||||
|           <input class="input" type="number" title="" min="0" max="99999" step="1" @model="scale"> | ||||
|           <span class="unit">倍</span> | ||||
|           <span class="arrow"></span> | ||||
|         </div> | ||||
|       </div> | ||||
|     </div> | ||||
|     <span class="custom-divider"></span> | ||||
|     <div class="div-item"> | ||||
|       <div class="row"> | ||||
|         <div class="col"> | ||||
|           <div class="btn-group"> | ||||
|             <button class="btn" style="border-radius: 5px 0 0 5px;" name="firstPerson" | ||||
|               data-state="true"><span>第一视角</span></button> | ||||
|             <button class="btn" style="border-radius: 0 5px 5px 0;" name="firstPerson" | ||||
|               data-state="false"><span>第三视角</span></button> | ||||
|           </div> | ||||
|     <div class="row"> | ||||
|       <div class="col"> | ||||
|         <span class="label" style="flex: 0 0 70px;">运行速度</span> | ||||
|         <div class="input-number input-number-unit-3"> | ||||
|           <input class="input" type="number" title="" min="0" max="99999999" step="1" @model="speed"> | ||||
|           <span class="unit">m/s</span> | ||||
|           <span class="arrow"></span> | ||||
|         </div> | ||||
|       </div> | ||||
|       <div class="col"> | ||||
|         <span class="label">延迟运动</span> | ||||
|         <div class="input-number input-number-unit-3"> | ||||
|           <input class="input" type="number" title="" min="0" max="9999999" @model="delay"> | ||||
|           <span class="unit">ms</span> | ||||
|           <span class="arrow"></span> | ||||
|         </div> | ||||
|       </div> | ||||
|     </div> | ||||
|     <div class="div-item div-item-switch"> | ||||
|       <div class="row"> | ||||
|         <div class="col"> | ||||
|           <span class="label">路径显隐</span> | ||||
|           <input class="btn-switch" type="checkbox" @model="lineShow"> | ||||
|         </div> | ||||
|         <div class="col"> | ||||
|           <span class="label">模型显隐</span> | ||||
|           <input class="btn-switch" type="checkbox" @model="modelShow"> | ||||
|         </div> | ||||
|         <div class="col"> | ||||
|           <span class="label">实时路径</span> | ||||
|           <input class="btn-switch" type="checkbox" @model="realTimeRoute"> | ||||
|         </div> | ||||
|     <div class="row"> | ||||
|       <div class="col"> | ||||
|         <span class="label" style="flex: 0 0 70px;">更换模型</span> | ||||
|         <button class="btn" @click="clickChangeModel">选择</button> | ||||
|       </div> | ||||
|       <div class="row"> | ||||
|         <div class="col"> | ||||
|           <span class="label">编辑</span> | ||||
|           <input class="btn-switch" type="checkbox" @model="lineEdit"> | ||||
|         </div> | ||||
|         <div class="col"> | ||||
|           <span class="label">路径圆滑</span> | ||||
|           <input class="btn-switch" type="checkbox" @model="smooth"> | ||||
|         </div> | ||||
|         <div class="col"> | ||||
|           <span class="label">环线</span> | ||||
|           <input class="btn-switch" type="checkbox" @model="noseToTail"> | ||||
|         </div> | ||||
|       <div class="col"> | ||||
|         <span class="label">模型方向</span> | ||||
|         <button class="btn model-rotate-btn" @click="modelRotate">开始调整</button> | ||||
|         <svg class="icon-rubric"><use xlink:href="#yj-icon-rubric"></use></svg> | ||||
|       </div> | ||||
|       <div class="row"> | ||||
|         <div class="col"> | ||||
|           <span class="label">轨迹贴地</span> | ||||
|           <input class="btn-switch" type="checkbox" @model="ground"> | ||||
|         </div> | ||||
|         <div class="col"> | ||||
|           <span class="label">轨迹循环</span> | ||||
|           <input class="btn-switch" type="checkbox" @model="loop"> | ||||
|         </div> | ||||
|         <div class="col"> | ||||
|           <span class="label">轨迹动画</span> | ||||
|           <input class="btn-switch" type="checkbox" @model="state"> | ||||
|         </div> | ||||
|       </div> | ||||
|       <div class="row"> | ||||
|         <div class="col"> | ||||
|           <span class="label">路径方向</span> | ||||
|           <input class="btn-switch" type="checkbox" @model="routeDirection"> | ||||
|         </div> | ||||
|         <div class="col" style="margin-right: 33px;"> | ||||
|           <span class="label">视角跟随</span> | ||||
|           <input class="btn-switch" type="checkbox" @model="viewFollow"> | ||||
|         </div> | ||||
|         <div class="col" style="margin: 0px;"> | ||||
|           <span class="label">模型动画</span> | ||||
|           <div class="input input-select model-animate-select"></div> | ||||
|     </div> | ||||
|   </div> | ||||
|   <span class="custom-divider"></span> | ||||
|   <div class="div-item"> | ||||
|     <div class="row"> | ||||
|       <div class="col"> | ||||
|         <div class="btn-group"> | ||||
|           <button class="btn" style="border-radius: 5px 0 0 5px;" name="firstPerson" | ||||
|             data-state="true"><span>第一视角</span></button> | ||||
|           <button class="btn" style="border-radius: 0 5px 5px 0;" name="firstPerson" | ||||
|             data-state="false"><span>第三视角</span></button> | ||||
|         </div> | ||||
|       </div> | ||||
|     </div> | ||||
|     <span class="custom-divider"></span> | ||||
|     <div class="div-item"> | ||||
|       <div class="row"> | ||||
|         <div class="col"> | ||||
|           <span class="label">文字开关</span> | ||||
|           <input class="btn-switch" type="checkbox" @model="labelShow"> | ||||
|         </div> | ||||
|         <div class="col"></div> | ||||
|   </div> | ||||
|   <div class="div-item div-item-switch"> | ||||
|     <div class="row"> | ||||
|       <div class="col"> | ||||
|         <span class="label">路径显隐</span> | ||||
|         <input class="btn-switch" type="checkbox" @model="lineShow"> | ||||
|       </div> | ||||
|       <div class="row"> | ||||
|         <div class="col" style="margin-right: 14px;"> | ||||
|           <span class="label">字体颜色</span> | ||||
|           <div class="labelColor"></div> | ||||
|         </div> | ||||
|         <div class="col font-select-box"> | ||||
|           <span class="label" style="flex: none;">字体选择</span> | ||||
|           <div class="input input-select font-select"></div> | ||||
|         </div> | ||||
|         <div class="col"> | ||||
|           <span class="label">字体大小</span> | ||||
|           <div class="input-number input-number-unit-2" style="width: 82px;"> | ||||
|             <input class="input" type="number" title="" min="1" max="99" @model="labelFontSize"> | ||||
|             <span class="unit">px</span> | ||||
|             <span class="arrow"></span> | ||||
|           </div> | ||||
|         </div> | ||||
|       <div class="col"> | ||||
|         <span class="label">模型显隐</span> | ||||
|         <input class="btn-switch" type="checkbox" @model="modelShow"> | ||||
|       </div> | ||||
|       <div class="row"> | ||||
|         <div class="col"> | ||||
|           <span class="label">视野缩放</span> | ||||
|           <input class="btn-switch" type="checkbox" @model="labelScaleByDistance"> | ||||
|         </div> | ||||
|         <div class="col"> | ||||
|           <span class="label">最近距离</span> | ||||
|           <div class="input-number input-number-unit-1" style="width: 82px;"> | ||||
|             <input class="input" type="number" title="" min="1" max="99999999" @model="labelNear"> | ||||
|             <span class="unit">m</span> | ||||
|             <span class="arrow"></span> | ||||
|           </div> | ||||
|         </div> | ||||
|         <div class="col"> | ||||
|           <span class="label">最远距离</span> | ||||
|           <div class="input-number input-number-unit-1" style="width: 82px;"> | ||||
|             <input class="input" type="number" title="" min="1" max="99999999" @model="labelFar"> | ||||
|             <span class="unit">m</span> | ||||
|             <span class="arrow"></span> | ||||
|           </div> | ||||
|       <div class="col"> | ||||
|         <span class="label">实时路径</span> | ||||
|         <input class="btn-switch" type="checkbox" @model="realTimeRoute"> | ||||
|       </div> | ||||
|     </div> | ||||
|     <div class="row"> | ||||
|       <div class="col"> | ||||
|         <span class="label">编辑</span> | ||||
|         <input class="btn-switch" type="checkbox" @model="lineEdit"> | ||||
|       </div> | ||||
|       <div class="col"> | ||||
|         <span class="label">路径圆滑</span> | ||||
|         <input class="btn-switch" type="checkbox" @model="smooth"> | ||||
|       </div> | ||||
|       <div class="col"> | ||||
|         <span class="label">环线</span> | ||||
|         <input class="btn-switch" type="checkbox" @model="noseToTail"> | ||||
|       </div> | ||||
|     </div> | ||||
|     <div class="row"> | ||||
|       <div class="col"> | ||||
|         <span class="label">轨迹贴地</span> | ||||
|         <input class="btn-switch" type="checkbox" @model="ground"> | ||||
|       </div> | ||||
|       <div class="col"> | ||||
|         <span class="label">轨迹循环</span> | ||||
|         <input class="btn-switch" type="checkbox" @model="loop"> | ||||
|       </div> | ||||
|       <div class="col"> | ||||
|         <span class="label">轨迹动画</span> | ||||
|         <input class="btn-switch" type="checkbox" @model="state"> | ||||
|       </div> | ||||
|     </div> | ||||
|     <div class="row"> | ||||
|       <div class="col"> | ||||
|         <span class="label">路径方向</span> | ||||
|         <input class="btn-switch" type="checkbox" @model="routeDirection"> | ||||
|       </div> | ||||
|       <div class="col" style="margin-right: 33px;"> | ||||
|         <span class="label">视角跟随</span> | ||||
|         <input class="btn-switch" type="checkbox" @model="viewFollow"> | ||||
|       </div> | ||||
|       <div class="col" style="margin: 0px;"> | ||||
|         <span class="label">模型动画</span> | ||||
|         <div class="input input-select model-animate-select"></div> | ||||
|       </div> | ||||
|     </div> | ||||
|   </div> | ||||
|   <span class="custom-divider"></span> | ||||
|   <div class="div-item"> | ||||
|     <div class="row"> | ||||
|       <div class="col"> | ||||
|         <span class="label">文字开关</span> | ||||
|         <input class="btn-switch" type="checkbox" @model="labelShow"> | ||||
|       </div> | ||||
|       <div class="col"></div> | ||||
|     </div> | ||||
|     <div class="row"> | ||||
|       <div class="col" style="margin-right: 14px;"> | ||||
|         <span class="label">字体颜色</span> | ||||
|         <div class="labelColor"></div> | ||||
|       </div> | ||||
|       <div class="col font-select-box"> | ||||
|         <span class="label" style="flex: none;">字体选择</span> | ||||
|         <div class="input input-select font-select"></div> | ||||
|       </div> | ||||
|       <div class="col"> | ||||
|         <span class="label">字体大小</span> | ||||
|         <div class="input-number input-number-unit-2" style="width: 82px;"> | ||||
|           <input class="input" type="number" title="" min="1" max="99" @model="labelFontSize"> | ||||
|           <span class="unit">px</span> | ||||
|           <span class="arrow"></span> | ||||
|         </div> | ||||
|       </div> | ||||
|     </div> | ||||
|     <span class="custom-divider"></span> | ||||
|     <div class="div-item"> | ||||
|       <div class="row"> | ||||
|         <div class="col"> | ||||
|           <span class="label">油耗</span> | ||||
|           <div class="input-number input-number-unit-6" style="width: 170px;"> | ||||
|             <input class="input" type="number" title="" min="1" max="99999999" @model="unitFuelConsumption"> | ||||
|             <span class="unit">L/100km</span> | ||||
|             <span class="arrow"></span> | ||||
|           </div> | ||||
|     <div class="row"> | ||||
|       <div class="col"> | ||||
|         <span class="label">视野缩放</span> | ||||
|         <input class="btn-switch" type="checkbox" @model="labelScaleByDistance"> | ||||
|       </div> | ||||
|       <div class="col"> | ||||
|         <span class="label">最近距离</span> | ||||
|         <div class="input-number input-number-unit-1" style="width: 82px;"> | ||||
|           <input class="input" type="number" title="" min="1" max="99999999" @model="labelNear"> | ||||
|           <span class="unit">m</span> | ||||
|           <span class="arrow"></span> | ||||
|         </div> | ||||
|         <div class="col" style="flex: 0 0 0;"> | ||||
|           <span class="label">总油耗</span> | ||||
|           <input class="btn-switch" type="checkbox" @model="fuelShow"> | ||||
|       </div> | ||||
|       <div class="col"> | ||||
|         <span class="label">最远距离</span> | ||||
|         <div class="input-number input-number-unit-1" style="width: 82px;"> | ||||
|           <input class="input" type="number" title="" min="1" max="99999999" @model="labelFar"> | ||||
|           <span class="unit">m</span> | ||||
|           <span class="arrow"></span> | ||||
|         </div> | ||||
|       </div> | ||||
|     </div> | ||||
|     <span class="custom-divider"></span> | ||||
|     ` | ||||
|   </div> | ||||
|   <span class="custom-divider"></span> | ||||
|   ` | ||||
| } | ||||
|  | ||||
| export { html } | ||||
|  | ||||
| @ -78,7 +78,6 @@ class TrajectoryMotion extends Base { | ||||
|     this.options.line.smooth = options.line.smooth ? options.line.smooth : false | ||||
|     this.options.line.noseToTail = options.line.noseToTail ? options.line.noseToTail : false | ||||
|     this.positions_smooth = [] | ||||
|     this.options.unitFuelConsumption = options.unitFuelConsumption || 0 | ||||
|     this.options.ground = options.ground || false | ||||
|     this.options.state = (options.state || options.state === false) ? options.state : true | ||||
|     this.options.routeDirection = (options.routeDirection || options.routeDirection === false) ? options.routeDirection : true | ||||
| @ -181,8 +180,7 @@ class TrajectoryMotion extends Base { | ||||
|         if (this.realTimeRoute) { | ||||
|           this.realTimeLine && (this.realTimeLine.show = (!this.showView || this.showView == 3 || !sdkD) ? true : false) | ||||
|         } | ||||
|         this.label && (this.label.show = (!this.showView || this.showView == 3) ? this.options.label.show : false) | ||||
|         this.fuelLabel && (this.fuelLabel.show = (!this.showView || this.showView == 3) ? this.options.fuelShow : false) | ||||
|         this.label && (this.label.show = (!this.showView || this.showView == 3 || !sdkD) ? this.options.label.show : false) | ||||
|       } | ||||
|       else { | ||||
|         this.model.show = (!this.showView || this.showView == 3 || !sdkD) ? this.options.show : false | ||||
| @ -205,7 +203,6 @@ class TrajectoryMotion extends Base { | ||||
|           this.keyPoints[i].show = (!this.showView || this.showView == 3) ? show : false | ||||
|         } | ||||
|         this.label && (this.label.show = false) | ||||
|         this.fuelLabel && (this.fuelLabel.show = false) | ||||
|         this.viewFollow = false | ||||
|       } | ||||
|  | ||||
| @ -260,17 +257,14 @@ class TrajectoryMotion extends Base { | ||||
|       // Cesium.Matrix4.multiplyByTranslation(this.model.modelMatrix, new Cesium.Cartesian3(0, 0, -difference), this.model.modelMatrix) | ||||
|       // Cesium.Matrix4.getTranslation(this.model.modelMatrix, this.model.position) | ||||
|       this.label && (this.label.show = this.label.show) | ||||
|       this.fuelLabel && (this.fuelLabel.show = this.fuelLabel.show) | ||||
|       if (this.options.label.position) { | ||||
|         setTimeout(() => { | ||||
|           if (this.options.label.position.alt) { | ||||
|             this.label && (this.label.position = [this.options.label.position.lng, this.options.label.position.lat, this.options.label.position.alt]) | ||||
|             this.fuelLabel && (this.fuelLabel.position = [this.options.label.position.lng, this.options.label.position.lat, this.options.label.position.alt]) | ||||
|           } | ||||
|           else { | ||||
|             this.getClampToHeight({ lng: this.options.label.position.lng, lat: this.options.label.position.lat }).then((height) => { | ||||
|               this.label && (this.label.position = [this.options.label.position.lng, this.options.label.position.lat, height]) | ||||
|               this.fuelLabel && (this.fuelLabel.position = [this.options.label.position.lng, this.options.label.position.lat, height]) | ||||
|             }) | ||||
|           } | ||||
|         }, 0) | ||||
| @ -1174,21 +1168,18 @@ class TrajectoryMotion extends Base { | ||||
|       show = false | ||||
|     } | ||||
|     if (this.show) { | ||||
|       if (this.label) { | ||||
|         this.label.show = show | ||||
|         this.label.pixelOffset = this.options.label.pixelOffset + (this.fuelShow ? this.labelFontSize + 20 : 0) | ||||
|         if (this.options.label.position) { | ||||
|           setTimeout(() => { | ||||
|             if (this.options.label.position.alt) { | ||||
|               this.label && (this.label.position = [this.options.label.position.lng, this.options.label.position.lat, this.options.label.position.alt]) | ||||
|             } | ||||
|             else { | ||||
|               this.getClampToHeight({ lng: this.options.label.position.lng, lat: this.options.label.position.lat }).then((height) => { | ||||
|                 this.label && (this.label.position = [this.options.label.position.lng, this.options.label.position.lat, height]) | ||||
|               }) | ||||
|             } | ||||
|           }, 0); | ||||
|         } | ||||
|       this.label && (this.label.show = show) | ||||
|       if (this.options.label.position) { | ||||
|         setTimeout(() => { | ||||
|           if (this.options.label.position.alt) { | ||||
|             this.label && (this.label.position = [this.options.label.position.lng, this.options.label.position.lat, this.options.label.position.alt]) | ||||
|           } | ||||
|           else { | ||||
|             this.getClampToHeight({ lng: this.options.label.position.lng, lat: this.options.label.position.lat }).then((height) => { | ||||
|               this.label && (this.label.position = [this.options.label.position.lng, this.options.label.position.lat, height]) | ||||
|             }) | ||||
|           } | ||||
|         }, 0); | ||||
|       } | ||||
|     } | ||||
|     else { | ||||
| @ -1206,7 +1197,6 @@ class TrajectoryMotion extends Base { | ||||
|   set labelFontFamily(v) { | ||||
|     this.options.label.fontFamily = v || 0 | ||||
|     this.label && (this.label.fontFamily = this.options.label.fontFamily) | ||||
|     this.fuelLabel && (this.fuelLabel.fontFamily = this.options.label.fontFamily) | ||||
|  | ||||
|     let name = getFontFamilyName(this.labelFontFamily) || '' | ||||
|     this._elms.labelFontFamily && | ||||
| @ -1221,7 +1211,6 @@ class TrajectoryMotion extends Base { | ||||
|   set labelColor(v) { | ||||
|     this.options.label.color = v | ||||
|     this.label && (this.label.color = v) | ||||
|     this.fuelLabel && (this.fuelLabel.color = v) | ||||
|     if (this._elms.labelColor) { | ||||
|       this._elms.labelColor.forEach((item, i) => { | ||||
|         let labelColorPicker = new YJColorPicker({ | ||||
| @ -1249,13 +1238,6 @@ class TrajectoryMotion extends Base { | ||||
|   set labelFontSize(v) { | ||||
|     this.options.label.fontSize = v | ||||
|     this.label && (this.label.fontSize = v) | ||||
|     if (this.fuelLabel) { | ||||
|       this.fuelLabel.fontSize = v | ||||
|       this.label.pixelOffset = this.options.label.pixelOffset + v + 20 | ||||
|     } | ||||
|     else { | ||||
|       this.label.pixelOffset = this.options.label.pixelOffset | ||||
|     } | ||||
|     this._elms.labelFontSize && this._elms.labelFontSize.forEach((item) => { | ||||
|       item.value = v | ||||
|     }) | ||||
| @ -1267,7 +1249,6 @@ class TrajectoryMotion extends Base { | ||||
|   set labelScaleByDistance(v) { | ||||
|     this.options.label.scaleByDistance = v | ||||
|     this.label && (this.label.scaleByDistance = v) | ||||
|     this.fuelLabel && (this.fuelLabel.scaleByDistance = v) | ||||
|     this._elms.labelScaleByDistance && this._elms.labelScaleByDistance.forEach((item) => { | ||||
|       item.checked = v | ||||
|     }) | ||||
| @ -1283,7 +1264,6 @@ class TrajectoryMotion extends Base { | ||||
|     } | ||||
|     this.options.label.near = near | ||||
|     this.label && (this.label.near = near) | ||||
|     this.fuelLabel && (this.fuelLabel.near = near) | ||||
|     this._elms.labelNear && this._elms.labelNear.forEach((item) => { | ||||
|       item.value = near | ||||
|     }) | ||||
| @ -1299,66 +1279,11 @@ class TrajectoryMotion extends Base { | ||||
|     } | ||||
|     this.options.label.far = far | ||||
|     this.label && (this.label.far = far) | ||||
|     this.fuelLabel && (this.fuelLabel.far = far) | ||||
|     this._elms.labelFar && this._elms.labelFar.forEach((item) => { | ||||
|       item.value = far | ||||
|     }) | ||||
|   } | ||||
|  | ||||
|   get unitFuelConsumption() { | ||||
|     return this.options.unitFuelConsumption | ||||
|   } | ||||
|  | ||||
|   set unitFuelConsumption(v) { | ||||
|     this.options.unitFuelConsumption = v | ||||
|     this._elms.unitFuelConsumption && this._elms.unitFuelConsumption.forEach((item) => { | ||||
|       item.value = v | ||||
|     }) | ||||
|   } | ||||
|  | ||||
|   get fuelShow() { | ||||
|     return this.options.fuelShow | ||||
|   } | ||||
|  | ||||
|   set fuelShow(v) { | ||||
|     this.options.fuelShow = v | ||||
|     let show = v | ||||
|     if (this.show && (!this.showView || this.showView == 3)) { | ||||
|       show = v | ||||
|     } | ||||
|     else { | ||||
|       show = false | ||||
|     } | ||||
|     if (this.show) { | ||||
|       if (this.fuelLabel) { | ||||
|         this.fuelLabel.show = show | ||||
|         this.label.pixelOffset = this.options.label.pixelOffset + (show ? this.labelFontSize + 20 : 0) | ||||
|       } | ||||
|       else { | ||||
|         this.label.pixelOffset = this.options.label.pixelOffset | ||||
|       } | ||||
|       if (this.options.label.position) { | ||||
|         setTimeout(() => { | ||||
|           if (this.options.label.position.alt) { | ||||
|             this.fuelLabel && (this.fuelLabel.position = [this.options.label.position.lng, this.options.label.position.lat, this.options.label.position.alt]) | ||||
|           } | ||||
|           else { | ||||
|             this.getClampToHeight({ lng: this.options.label.position.lng, lat: this.options.label.position.lat }).then((height) => { | ||||
|               this.fuelLabel && (this.fuelLabel.position = [this.options.label.position.lng, this.options.label.position.lat, height]) | ||||
|             }) | ||||
|           } | ||||
|         }, 0); | ||||
|       } | ||||
|     } | ||||
|     else { | ||||
|       this.fuelLabel && (this.fuelLabel.show = false) | ||||
|       this.label.pixelOffset = this.options.label.pixelOffset | ||||
|     } | ||||
|     this._elms.fuelShow && this._elms.fuelShow.forEach((item) => { | ||||
|       item.checked = v | ||||
|     }) | ||||
|   } | ||||
|  | ||||
|   // 创建路径 | ||||
|   static addLine(that) { | ||||
|     let positions_smooth = that.renewLinePositions(that.options.line.positions) | ||||
| @ -1477,7 +1402,6 @@ class TrajectoryMotion extends Base { | ||||
|     } | ||||
|     let pos = that.smooth ? that.positions_smooth : Cesium.Cartesian3.fromDegreesArrayHeights(fromDegreesArrayHeights) | ||||
|     TrajectoryMotion.createLabel(that) | ||||
|     TrajectoryMotion.createFuelLabel(that) | ||||
|     that.modelMove(pos) | ||||
|  | ||||
|  | ||||
| @ -1487,13 +1411,13 @@ class TrajectoryMotion extends Base { | ||||
|   static async createLabel(that) { | ||||
|     let labelPosition = that.cartesian3Towgs84(that.model.position, that.sdk.viewer) | ||||
|     that.label = new LabelObject(that.sdk, { | ||||
|       show: that.options.show ? (that.options.label.show ? true : false) : false, | ||||
|       show: that.options.show ? (that.options.model.show ? that.options.label.show : false) : false, | ||||
|       position: [labelPosition.lng, labelPosition.lat, labelPosition.alt], | ||||
|       text: that.options.name, | ||||
|       fontSize: that.options.label.fontSize, | ||||
|       fontFamily: that.options.label.fontFamily, | ||||
|       color: that.options.label.color, | ||||
|       pixelOffset: that.options.label.pixelOffset + (that.options.fuelShow ? that.options.label.fontSize + 20 : 0), | ||||
|       pixelOffset: that.options.label.pixelOffset, | ||||
|       backgroundColor: that.options.label.backgroundColor, | ||||
|       lineColor: that.options.label.lineColor, | ||||
|       lineWidth: that.options.label.lineWidth, | ||||
| @ -1503,26 +1427,6 @@ class TrajectoryMotion extends Base { | ||||
|     }, that.model) | ||||
|   } | ||||
|  | ||||
|   static async createFuelLabel(that) { | ||||
|     let labelPosition = that.cartesian3Towgs84(that.model.position, that.sdk.viewer) | ||||
|     that.fuelLabel = new LabelObject(that.sdk, { | ||||
|       show: that.options.show ? (that.options.fuelShow ? true : false) : false, | ||||
|       // show: true, | ||||
|       position: [labelPosition.lng, labelPosition.lat, labelPosition.alt], | ||||
|       text: '总油耗:', | ||||
|       fontSize: that.options.label.fontSize, | ||||
|       fontFamily: that.options.label.fontFamily, | ||||
|       color: that.options.label.color, | ||||
|       pixelOffset: 0, | ||||
|       backgroundColor: ['#6e6e6e', '#6e6e6e'], | ||||
|       lineColor: '#00ffff00', | ||||
|       lineWidth: 0, | ||||
|       scaleByDistance: that.options.label.scaleByDistance, | ||||
|       near: that.options.label.near, | ||||
|       far: that.options.label.far | ||||
|     }, that.model) | ||||
|   } | ||||
|  | ||||
|   // 创建关键点 | ||||
|   static async addKeyPoint(that) { | ||||
|     for (let i = 0; i < that.options.line.positions.length; i++) { | ||||
| @ -1627,8 +1531,8 @@ class TrajectoryMotion extends Base { | ||||
|     else { | ||||
|       setPosition(startDistance) | ||||
|       setTimeout(() => { | ||||
|         _this.model.isMove = false | ||||
|       }, 1000); | ||||
|         _this.model && (_this.model.isMove = false) | ||||
|       }, 500); | ||||
|  | ||||
|  | ||||
|       animateUpdate() | ||||
| @ -1651,8 +1555,6 @@ class TrajectoryMotion extends Base { | ||||
|     } | ||||
|  | ||||
|     async function setPosition(distance) { | ||||
|       _this.totalFuelConsumption = Number((distance / 100 * _this.unitFuelConsumption).toFixed(2)) | ||||
|       _this.fuelLabel.text = '总油耗:' + _this.totalFuelConsumption + ' L' | ||||
|       _this.model.isMove = true | ||||
|       let sdk2D = get2DView() | ||||
|       let splitSdk = getSdk() | ||||
| @ -1764,9 +1666,10 @@ class TrajectoryMotion extends Base { | ||||
|         if (!cartesian3) { | ||||
|           return | ||||
|         } | ||||
|         coordinates = _this.cartesian3Towgs84(cartesian3, viewer); | ||||
|         let pos84 = _this.cartesian3Towgs84(cartesian3, viewer); | ||||
|         coordinates = [pos84.lng, pos84.lat, pos84.alt + 1.8] | ||||
|         position = cartesian3 | ||||
|         positionCamera = Cesium.Cartesian3.fromDegrees(coordinates.lng, coordinates.lat, coordinates.alt + 1.8) | ||||
|         positionCamera = Cesium.Cartesian3.fromDegrees(coordinates[0], coordinates[1], coordinates[2]) | ||||
|         let positions_smooth = [] | ||||
|         for (let i = 0; i <= 1000; i++) { | ||||
|           if ((i / 1000) > (distance / _this.distance)) { | ||||
| @ -1864,7 +1767,6 @@ class TrajectoryMotion extends Base { | ||||
|       } | ||||
|       let labelPosition = _this.cartesian3Towgs84(position, _this.sdk.viewer) | ||||
|       _this.label.position = [labelPosition.lng, labelPosition.lat, labelPosition.alt] | ||||
|       _this.fuelLabel.position = [labelPosition.lng, labelPosition.lat, labelPosition.alt] | ||||
|       lastDistance = distance | ||||
|       // console.log(position) | ||||
|       _this.realTimeRouteArray.push(position) | ||||
| @ -1890,7 +1792,7 @@ class TrajectoryMotion extends Base { | ||||
|           else { | ||||
|             if (_this.sdk.viewer.trackedEntity) { | ||||
|               _this.sdk.viewer.camera.setView({ | ||||
|                 destination: Cesium.Cartesian3.fromDegrees(coordinates.lng, coordinates.lat, _this.sdk.viewer.camera.positionCartographic.height), | ||||
|                 destination: Cesium.Cartesian3.fromDegrees(coordinates[0], coordinates[1], _this.sdk.viewer.camera.positionCartographic.height), | ||||
|                 orientation: { | ||||
|                   heading: Cesium.Math.toRadians(-90), | ||||
|                   pitch: 0, | ||||
| @ -2186,7 +2088,7 @@ class TrajectoryMotion extends Base { | ||||
|       rubricElm.style.color = '#ff5733'; | ||||
|       rubricElm.style.display = 'none' | ||||
|  | ||||
|       rubricElm.innerHTML = `场景正东方向为轨迹前进正方向<div x-arrow="" class="custom__popper__arrow" style="left: 59px;"></div>` | ||||
|       rubricElm.innerHTML = `场景正北方向为轨迹前进正方向<div x-arrow="" class="custom__popper__arrow" style="left: 59px;"></div>` | ||||
|       let iconRubric = contentElm.getElementsByClassName('icon-rubric')[0] | ||||
|       iconRubric.addEventListener('mouseenter', (e) => { | ||||
|         rubricElm.style.display = 'block' | ||||
| @ -2261,7 +2163,6 @@ class TrajectoryMotion extends Base { | ||||
|     this.sdk.viewer.entities.remove(this.line) | ||||
|     this.sdk.viewer.entities.remove(this.realTimeLine) | ||||
|     this.label && this.label.remove() | ||||
|     this.fuelLabel && this.fuelLabel.remove() | ||||
|     for (let i = 0; i < this.keyPointShow.length; i++) { | ||||
|       this.sdk.viewer.entities.remove(this.keyPointShow[i]) | ||||
|     } | ||||
| @ -2269,7 +2170,6 @@ class TrajectoryMotion extends Base { | ||||
|     this.realTimeLine = null | ||||
|     this.model = null | ||||
|     this.label = null | ||||
|     this.fuelLabel = null | ||||
|     if (this._DialogObject && !this._DialogObject.isDestroy) { | ||||
|       this._DialogObject.close() | ||||
|       this._DialogObject = null | ||||
| @ -2323,7 +2223,6 @@ class TrajectoryMotion extends Base { | ||||
|       this.model && (this.model.show = false) | ||||
|     } | ||||
|     this.labelShow = this.originalOptions.label.show | ||||
|     this.fuelLabelShow = this.originalOptions.fuelShow | ||||
|     this.labelColor = this.originalOptions.label.color | ||||
|     this.labelFontSize = this.originalOptions.label.fontSize | ||||
|     this.labelFontFamily = this.originalOptions.label.fontFamily | ||||
|  | ||||
| @ -78,6 +78,7 @@ class Dialog extends BaseDialog { | ||||
|       this.footAppChild(div) | ||||
|       if (this.options.updateHeightCallBack) { | ||||
|         let heightBtn = document.createElement('button'); | ||||
|         heightBtn.className = 'update-height' | ||||
|         heightBtn.innerHTML = '<svg class="icon-updateheigh"><use xlink:href="#yj-icon-updateheight"></use></svg>更新高程' | ||||
|         heightBtn.style.width = 'auto' | ||||
|         heightBtn.addEventListener('click', () => { | ||||
|  | ||||
| @ -50,7 +50,8 @@ export default class CircleDiffuseMaterialProperty { | ||||
|       let color = this.colors[ratio[i]] | ||||
|       _sourceColor = _sourceColor + ` | ||||
|         if(dis < float(${Number(ratio[i]) / 2})) { | ||||
|           material.diffuse = 1.5 * vec4(${color.red},${color.green},${color.blue},${color.alpha}).rgb; | ||||
|           material.diffuse = vec4(0.0,0.0,0.0,0.0).rgb; | ||||
|           material.emission = 1.0 * vec4(${color.red},${color.green},${color.blue},${color.alpha}).rgb; | ||||
|         } | ||||
|         ` | ||||
|     } | ||||
|  | ||||
| @ -1493,6 +1493,23 @@ class Tools { | ||||
|     } | ||||
|   } | ||||
|  | ||||
|   message(option={}) { | ||||
|     let type = option.type || 'success' | ||||
|     let text = option.text || '' | ||||
|     let duration = option.duration || 1500 | ||||
|  | ||||
|     let message = document.getElementById('YJ-custom-message'); | ||||
|     if (message) { | ||||
|       document.body.removeChild(message) | ||||
|     } | ||||
|     message = document.createElement('div') | ||||
|     message.id = 'YJ-custom-message' | ||||
|     message.innerHTML = ` | ||||
|       <i><?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1755929961282" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5064" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M874.119618 149.859922A510.816461 510.816461 0 0 0 511.997 0.00208a509.910462 509.910462 0 0 0-362.119618 149.857842c-199.817789 199.679789-199.817789 524.581447 0 724.260236a509.969462 509.969462 0 0 0 362.119618 149.857842A508.872463 508.872463 0 0 0 874.119618 874.120158c199.836789-199.679789 199.836789-524.581447 0-724.260236zM814.94268 378.210681L470.999043 744.132295a15.359984 15.359984 0 0 1-5.887994 4.095996c-1.751998 1.180999-2.913997 2.362998-5.276994 2.913997a34.499964 34.499964 0 0 1-13.469986 2.914997 45.547952 45.547952 0 0 1-12.897986-2.303998l-4.095996-2.363997a45.291952 45.291952 0 0 1-7.009992-4.095996l-196.902793-193.789796a34.126964 34.126964 0 0 1-10.555989-25.186973c0-9.37399 3.583996-18.74698 9.98399-25.186974a36.429962 36.429962 0 0 1 50.372947 0l169.98382 167.423824L763.389735 330.220732a37.059961 37.059961 0 0 1 50.371947-1.732998 33.647965 33.647965 0 0 1 11.165988 25.186973 35.544963 35.544963 0 0 1-9.98399 24.575974v-0.04z m0 0" fill="#52C41A" p-id="5065"></path></svg></i>${text} | ||||
|     ` | ||||
|     document.body.appendChild(message) | ||||
|     message.classList.add(type) | ||||
|   } | ||||
|  | ||||
| } | ||||
|  | ||||
|  | ||||
| @ -2743,7 +2743,7 @@ | ||||
|  | ||||
| /* 贴地svg */ | ||||
| .YJ-custom-base-dialog.ground-svg>.content { | ||||
|   width: 535px; | ||||
|   width: 560px; | ||||
| } | ||||
|  | ||||
| .YJ-custom-base-dialog.ground-svg>.content>div .div-item:nth-of-type(2) .row .col .label { | ||||
| @ -3120,7 +3120,7 @@ | ||||
| } | ||||
|  | ||||
| /* 文本框 */ | ||||
| .popup-textarea{ | ||||
| .popup-textarea { | ||||
|   /* width: 212px; */ | ||||
|   width: 161px; | ||||
|   /* height: 154px; */ | ||||
| @ -3140,21 +3140,22 @@ | ||||
|   border: unset!important; | ||||
|   color: #fff; | ||||
| } | ||||
|  | ||||
| .popup-textarea textarea::-webkit-scrollbar { | ||||
|   width: 8px!important; | ||||
|   width: 8px !important; | ||||
|   /* height: 8px!important; */ | ||||
| } | ||||
|  | ||||
| .popup-textarea textarea::-webkit-scrollbar-thumb { | ||||
|   border-radius: 5px!important; | ||||
|   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)!important; | ||||
|   background-color: rgba(var(--color-sdk-base-rgb))!important; | ||||
|   border-radius: 5px !important; | ||||
|   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important; | ||||
|   background-color: rgba(var(--color-sdk-base-rgb)) !important; | ||||
| } | ||||
|  | ||||
| .popup-textarea textarea::-webkit-scrollbar-track { | ||||
|   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)!important; | ||||
|   border-radius: 5px!important; | ||||
|   background-color: rgba(var(--color-sdk-base-rgb), 0.1)!important; | ||||
|   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important; | ||||
|   border-radius: 5px !important; | ||||
|   background-color: rgba(var(--color-sdk-base-rgb), 0.1) !important; | ||||
| } | ||||
|  | ||||
| /* 贴地图片 */ | ||||
| @ -3763,3 +3764,55 @@ | ||||
| .billboard-attribute-box .table .table-body .tr:first-child { | ||||
|   border-top: none; | ||||
| } | ||||
|  | ||||
| #YJ-custom-message { | ||||
|   /* 固定在顶部中央 */ | ||||
|   position: fixed; | ||||
|   top: 0; | ||||
|   left: 50%; | ||||
|   transform: translate(-50%, 0%); | ||||
|   /* 初始位置在屏幕顶部外 */ | ||||
|  | ||||
|   /* 样式美化 */ | ||||
|   display: flex; | ||||
|   border-radius: 4px; | ||||
|   font-size: 14px; | ||||
|   padding: 15px 20px; | ||||
|   width: 380px; | ||||
|   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | ||||
|   z-index: 9999999; | ||||
|  | ||||
|  | ||||
|   /* 动画定义 */ | ||||
|   animation: YJ-custom-message-slideDown 0.5s forwards, | ||||
|     YJ-custom-message-fadeOut 0.5s 1500ms forwards; | ||||
| } | ||||
|  | ||||
| #YJ-custom-message i { | ||||
|   margin: 2px 10px 0 0; | ||||
|   display: flex; | ||||
|   align-items: center; | ||||
|   width: 16px; | ||||
| } | ||||
|  | ||||
| #YJ-custom-message.success { | ||||
|   background-color: #f0f9eb; | ||||
|   color: rgb(82, 196, 26); | ||||
| } | ||||
|  | ||||
| /* 滑入动画 */ | ||||
| @keyframes YJ-custom-message-slideDown { | ||||
|   to { | ||||
|     top: 20px; | ||||
|     /* 移动到屏幕顶部 */ | ||||
|   } | ||||
| } | ||||
|  | ||||
| /* 淡出动画 - 1500ms后执行 */ | ||||
| @keyframes YJ-custom-message-fadeOut { | ||||
|   to { | ||||
|     opacity: 0; | ||||
|     top: -200px | ||||
|       /* 移回顶部外 */ | ||||
|   } | ||||
| } | ||||
|  | ||||
		Reference in New Issue
	
	Block a user