zh/sdk4.0_new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

页面分离修改

Browse Source
This commit is contained in:
夏大胆
2025-09-05 18:39:00 +08:00
parent 29629b9d43
commit 9e439f5229
14 changed files with 1146 additions and 888 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/Global/Contour/index.js
View File

@ -15,7 +15,7 @@ let activeHeightElm = null;
let tools
let _sdk
let secondaryLinesCount = 19
let show = false
let show = true
let equalHeightDistance = 10
let activeColor = '#ffd000'
let indexContourShow = true
@ -86,20 +86,21 @@ async function dialog(sdk) {
tools = new Tools(sdk)
}
_DialogObject = await new Dialog(sdk, {}, {
title: "全局等高线", left: '180px',
top: '100px',
closeCallBack: () => {
_DialogObject = null
}
});
// _DialogObject = await new Dialog(sdk, {}, {
// title: "全局等高线", left: '180px',
// top: '100px',
// closeCallBack: () => {
// _DialogObject = null
// }
// });
_DialogObject._element.body.className =
_DialogObject._element.body.className + ' contour'
let contentElm = document.createElement('div')
contentElm.innerHTML = html(this)
// _DialogObject._element.body.className =
// _DialogObject._element.body.className + ' contour'
// let contentElm = document.createElement('div')
// contentElm.innerHTML = html(this)
_DialogObject.contentAppChild(contentElm)
// _DialogObject.contentAppChild(contentElm)
let contentElm = document.getElementsByClassName('contour')[0]
sdk.viewer.scene.postRender.removeEventListener(accordingToCameraHeight)
sdk.viewer.scene.postRender.addEventListener(accordingToCameraHeight)
@ -107,6 +108,21 @@ async function dialog(sdk) {
// 显示
let showBtn = contentElm.getElementsByClassName('show')[0]
showBtn.checked = show
if (showBtn.checked) {
let height = sdk.viewer.camera.positionCartographic.height
if (height > 16360) {
let cartographic = sdk.viewer.camera.positionCartographic
let options = {
position: {
lng: Cesium.Math.toDegrees(cartographic.longitude),
lat: Cesium.Math.toDegrees(cartographic.latitude),
alt: 16360,
},
}
flyTo(sdk, options, 0.5)
}
showContour(sdk)
}
showBtn.addEventListener('change', (e) => {
if (e.target.checked) {
show = true

65
src/Global/FlyRoam/index.js
View File

@ -13,7 +13,7 @@ let currentRepeat = 0
const open = async (sdk, options = {}, _Dialog = {}) => {
let name = options.name || '漫游路径'
let name = options.name || '飞线漫游'
options.points || (options.points = [])
if (options.repeat) {
repeat = Number(options.repeat)
@ -22,23 +22,24 @@ const open = async (sdk, options = {}, _Dialog = {}) => {
let tools = new Tools(sdk)
let active = 0
if (_DialogObject && _DialogObject.close) {
_DialogObject.close()
_DialogObject = null
}
// if (_DialogObject && _DialogObject.close) {
// _DialogObject.close()
// _DialogObject = null
// }
_DialogObject = await new Dialog(viewer._container, {
title: '飞行漫游', left: '180px', top: '100px',
closeCallBack: () => {
cease({ viewer })
},
})
await _DialogObject.init()
let contentElm = document.createElement('div');
contentElm.className = 'fly-roam'
contentElm.innerHTML = html()
_DialogObject.contentAppChild(contentElm)
// _DialogObject = await new Dialog(viewer._container, {
// title: '飞行漫游', left: '180px', top: '100px',
// closeCallBack: () => {
// cease({ viewer })
// },
// })
// await _DialogObject.init()
// let contentElm = document.createElement('div');
// contentElm.className = 'fly-roam'
// contentElm.innerHTML = html()
// _DialogObject.contentAppChild(contentElm)
let contentElm = document.getElementsByClassName('fly-roam')[0]
let all_elm = contentElm.getElementsByTagName("*")
// EventBinding(all_elm)
@ -84,15 +85,15 @@ const open = async (sdk, options = {}, _Dialog = {}) => {
points.map((item) => {
newPoints.push(item)
})
_Dialog.clickSavePath && _Dialog.clickSavePath(
{
name: name,
points: newPoints,
repeat: repeat+''
}
)
// _Dialog.clickSavePath && _Dialog.clickSavePath(
// {
// name: name,
// points: newPoints,
// repeat: repeat + ''
// }
// )
})
_DialogObject.footAppChild(addListBtn)
// _DialogObject.footAppChild(addListBtn)
let endBtn = contentElm.getElementsByClassName('cease')[0]
endBtn.addEventListener('click', () => {
@ -307,10 +308,20 @@ const open = async (sdk, options = {}, _Dialog = {}) => {
}
const close = () => {
if (_DialogObject && _DialogObject.close) {
_DialogObject.close()
_DialogObject = null
// if (_DialogObject && _DialogObject.close) {
// _DialogObject.close()
// _DialogObject = null
// }
let contentElm = document.getElementsByClassName('fly-roam')[0]
let tableBody = contentElm.getElementsByClassName('table-body')[0];
let trList = tableBody.getElementsByClassName('tr')
for (let i = trList.length - 1; i >= 0; i--) {
tableBody.removeChild(trList[i])
}
repeat = 0
currentRepeat = 0
}
const executeFlyTo = (sdk, points = [], index = 0, noStart) => {

38
src/Obj/Analysis/CircleViewShed/index.js
View File

@ -35,12 +35,12 @@ class CircleViewShed extends Tools {
this.Dialog = _Dialog
this._EventBinding = new EventBinding()
this.html = null
let tools = new Tools(sdk)
this.tools = new Tools(sdk)
YJ.Analysis.AnalysesResults.push(this)
// CircleViewShed.edit(this)
let terrainAvailability = this.viewer.terrainProvider.availability;
if (!terrainAvailability) {
tools.message({ type: 'warning', text: '未加载地形数据！' })
this.tools.message({ type: 'warning', text: '未加载地形数据！' })
// window.ELEMENT && window.ELEMENT.Message({
// message: '未加载地形数据！',
// type: 'warning',
@ -48,6 +48,9 @@ class CircleViewShed extends Tools {
// });
return
}
// CircleViewShed.create(this)
}
draw() {
CircleViewShed.create(this)
}
@ -69,6 +72,20 @@ class CircleViewShed extends Tools {
item.value = viewPointHeight
})
}
get viewPointHeights() {
return this.viewPointHeight
}
set viewPointHeights(v) {
let viewPointHeight = Math.floor(Number(v) * 10) / 10
if (isNaN(viewPointHeight)) {
viewPointHeight = 1.8
}
if (viewPointHeight < 0) {
viewPointHeight = 0
}
this.viewPointHeight = viewPointHeight
}
get precision() {
return this.options.precision
@ -87,8 +104,25 @@ class CircleViewShed extends Tools {
item.value = precision
})
}
get precisions() {
return this.precision
}
set precisions(val) {
this.precision = val
}
static create(that) {
let terrainAvailability = that.viewer.terrainProvider.availability;
if (!terrainAvailability) {
that.tools.message({ type: 'warning', text: '未加载地形数据！' })
// window.ELEMENT && window.ELEMENT.Message({
// message: '未加载地形数据！',
// type: 'warning',
// duration: 1500
// });
return
}
let count = 0
if (!YJ.Measure.GetMeasureStatus()) {
if (that._DialogObject && that._DialogObject.close) {

8
src/Obj/Analysis/Contour/index.js
View File

@ -8,15 +8,11 @@ class ContourAnalysis {
* **/
constructor(sdk, options = {}) {
this.viewer = sdk.viewer
this.tools = new Tools(sdk)
let terrainAvailability = this.viewer.terrainProvider.availability;
if (!terrainAvailability) {
this.error = '未加载地形数据！'
window.ELEMENT && window.ELEMENT.Message({
message: '未加载地形数据！',
type: 'warning',
duration: 1500
});
console.warn(this.error)
this.tools.message({ type: 'warning', text: this.error })
return
}
this.positions = options.positions

70
src/Obj/Analysis/CutFill/index.js
View File

@ -1,5 +1,6 @@
import Dialog from '../../../BaseDialog';
import { html } from "./_element";
import Tools from "../../../Tools";
// import CreatePolygon from "./CreatePolygon";
import DrawPolygon from "../../../Draw/drawPolygon"
@ -26,9 +27,10 @@ class CutFillAnalysis {
noArea: "",
}
this.entities = []
this.tools = new Tools(this.sdk)
this.Draw = new DrawPolygon(this.sdk)
YJ.Analysis.AnalysesResults.push(this)
CutFillAnalysis.EditBox(this)
// CutFillAnalysis.EditBox(this)
}
create() {
@ -36,11 +38,9 @@ class CutFillAnalysis {
this.Draw.start((a, positions) => {
if (!positions || positions.length < 3) {
let _error = '最少需要三个坐标！'
console.warn(_error)
window.ELEMENT && window.ELEMENT.Message({
message: _error,
this.tools.message({
text: _error,
type: 'warning',
duration: 1500
});
return
}
@ -52,6 +52,7 @@ class CutFillAnalysis {
this.createPolygonGeo(this.positions);
this.result = this.VolumeAnalysis();
this.viewer.scene.screenSpaceCameraController.enableCollisionDetection = false; //允许相机进入地下
this.clickCallBack()
})
// const $this = this;
// if (!this.cp) {
@ -336,6 +337,65 @@ class CutFillAnalysis {
});
}
get heights() {
return this.height
}
set heights(val) {
this.height = val
}
get precisions() {
return this.precision
}
set precisions(val) {
this.precision = val
}
get allArea() {
return Number(this.result.allArea.toFixed(4))
}
set allArea(val) {
this.result.allArea = val
}
get fillArea() {
return Number(this.result.fillArea.toFixed(4))
}
set fillArea(val) {
this.result.fillArea = val
}
get fillVolume() {
return Number(this.result.fillVolume.toFixed(4))
}
set fillVolume(val) {
this.result.fillVolume = val
}
get cutArea() {
return Number(this.result.cutArea.toFixed(4))
}
set cutArea(val) {
this.result.cutArea = val
}
get cutVolume() {
return Number(this.result.cutVolume.toFixed(4))
}
set cutVolume(val) {
this.result.cutVolume = val
}
get noArea() {
return Number(this.result.noArea.toFixed(4))
}
set noArea(val) {
this.result.noArea = val
}
get onEnd() {
return this.clickCallBack
}
set onEnd(val) {
if (val && typeof val !== 'function') {
console.error('val:', val, '不是一个function')
} else {
this.clickCallBack = val
}
}
clean() {
this.Draw && this.Draw.end()
for (let i = 0; i < this.entities.length; i++) {

3
src/Obj/Analysis/Profile/index.js
View File

@ -172,6 +172,7 @@ class Profile extends Draw {
return positions_Inter
}
formatter(xy, tipData) {
if (this.polyline) {
const pointOption = {
show: true,
pixelSize: 10,
@ -194,6 +195,8 @@ class Profile extends Draw {
}
}
}
static async edit(that, points) {
if (that._DialogObject && that._DialogObject.close) {
that._DialogObject.close()

26
src/Obj/Analysis/SlopeAspect/index.js
View File

@ -10,20 +10,18 @@ class SlopeAspect extends Tools {
constructor(sdk) {
super(sdk)
this.viewer = sdk.viewer;
let terrainAvailability = this.viewer.terrainProvider.availability;
if (!terrainAvailability) {
this.error = '未加载地形数据！'
window.ELEMENT && window.ELEMENT.Message({
message: '未加载地形数据！',
type: 'warning',
duration: 1500
});
return
}
this.event
this.result = []; //存储创建的坡度分析结果，primitive集合
this.handler = undefined;
this.toolTip = "";
this.tools = new Tools(sdk)
let terrainAvailability = this.viewer.terrainProvider.availability;
if (!terrainAvailability) {
this.error = '未加载地形数据！'
this.tools.message({ type: 'warning', text: this.error })
return
}
YJ.Analysis.AnalysesResults.push(this)
this.Draw = new DrawPolygon(this.sdk)
// this.createNew4Distance()
@ -39,11 +37,7 @@ class SlopeAspect extends Tools {
const viewer = this.viewer;
this.Draw.start((e, positions) => {
if (!positions || positions.length <= 2) {
window.ELEMENT && window.ELEMENT.Message({
message: '至少拥有三个坐标位置！',
type: 'warning',
duration: 1500
});
this.tools.message({ type: 'warning', text: '至少拥有三个坐标位置！' })
return
}
let boundary = [];
@ -73,7 +67,7 @@ class SlopeAspect extends Tools {
let num = n
this.Draw.start((e, positions) => {
if (!positions || positions.length <= 2) {
console.warn('至少拥有三个坐标位置！')
this.tools.message({ type: 'warning', text: '至少拥有三个坐标位置！' })
return
}
let boundary = [];

70
src/Obj/Analysis/Submerge/index.js
View File

@ -36,13 +36,13 @@ class Submerge extends Tools {
that.Draw.start((a, positions) => {
if (!positions || positions.length < 3) {
let _error = '至少需要三个坐标！'
this.tools.message({
message: _error,
that.tools.message({
text: _error,
type: 'warning',
});
return
}
Submerge.destroy()
that.destroy()
if (!positions || positions.length == 0) {
that.positions = []
that._positions = []
@ -62,6 +62,18 @@ class Submerge extends Tools {
}
fromDegreesArray.push(positions[i].lng, positions[i].lat)
}
that.options.maxWaterLevel = positions[0].alt
for (let i = 0; i < positions.length; i++) {
if (that.options.minWaterLevel < positions[i].alt) {
that.options.maxWaterLevel = positions[i].alt
}
}
// for (let i = 0; i < positions.length; i++) {
// fromDegreesArray.push(positions[i].lng, positions[i].lat, that.options.minWaterLevel)
// }
@ -84,11 +96,16 @@ class Submerge extends Tools {
TWEEN.remove(that.TweenAnimate)
that.TweenAnimate = null
}
let contentElm = that._DialogObject._element.body
let pauseBtn = contentElm.getElementsByClassName('pause')[0];
let startBtn = contentElm.getElementsByClassName('start')[0];
startBtn.style.display = 'flex'
pauseBtn.style.display = 'none'
that.waterLevel = that.options.maxWaterLevel - that.options.minWaterLevel
that.options.waterVolume = Number((that.waterLevel * that.area).toFixed(4))
that.clickCallBack(that.area, that._positions)
// let contentElm = that._DialogObject._element.body
// let pauseBtn = contentElm.getElementsByClassName('pause')[0];
// let startBtn = contentElm.getElementsByClassName('start')[0];
// startBtn.style.display = 'flex'
// pauseBtn.style.display = 'none'
// that.move()
// Submerge.EditBox(that)
})
@ -105,7 +122,7 @@ class Submerge extends Tools {
that._DialogObject = await new Dialog(that.sdk.viewer._container, {
title: '淹没分析', left: '180px', top: '100px',
closeCallBack: () => {
Submerge.destroy()
that.destroy()
that.Dialog.closeCallBack && that.Dialog.closeCallBack()
},
})
@ -316,6 +333,22 @@ class Submerge extends Tools {
})
}
get onEnd() {
return this.clickCallBack
}
set onEnd(val) {
if (val && typeof val !== 'function') {
console.error('val:', val, '不是一个function')
} else {
this.clickCallBack = val
}
}
get waterLevels() {
return this.waterLevel
}
set waterLevels(val) {
this.waterLevel = val
}
get waterVolume() {
return this.options.waterVolume
}
@ -327,6 +360,7 @@ class Submerge extends Tools {
}
set minWaterLevel(val) {
this.options.minWaterLevel = val
this.currentWaterLaver = this.options.minWaterLevel
}
get maxWaterLevel() {
return this.options.maxWaterLevel
@ -340,10 +374,10 @@ class Submerge extends Tools {
set risingSpeed(val) {
this.options.risingSpeed = val
}
get area() {
get areas() {
return this.area
}
set area(val) {
set areas(val) {
this.area = val
}
@ -357,11 +391,11 @@ class Submerge extends Tools {
this.TweenAnimate = new TWEEN.Tween({ waterLevel: this.options.minWaterLevel }).to({ waterLevel: this.options.maxWaterLevel }, totalTime).delay(this.delay).easing(TWEEN.Easing.Linear.None).onUpdate(async (r, a) => {
this.currentWaterLaver = r.waterLevel
}).start()
let contentElm = this._DialogObject._element.body
let pauseBtn = contentElm.getElementsByClassName('pause')[0];
let startBtn = contentElm.getElementsByClassName('start')[0];
startBtn.style.display = 'none'
pauseBtn.style.display = 'flex'
// let contentElm = this._DialogObject._element.body
// let pauseBtn = contentElm.getElementsByClassName('pause')[0];
// let startBtn = contentElm.getElementsByClassName('start')[0];
// startBtn.style.display = 'none'
// pauseBtn.style.display = 'flex'
}
restart() {
@ -420,11 +454,11 @@ class Submerge extends Tools {
})
}
static destroy() {
destroy() {
if (this.TweenAnimate) {
TWEEN.remove(this.TweenAnimate)
}
this.Draw.end()
this.Draw && this.Draw.end()
this.sdk.viewer.entities.remove(this.entity)
this.entity = null
}

15
src/Obj/Analysis/TerrainExcavation/index.js
View File

@ -26,6 +26,7 @@ class TerrainExcavation extends Tools {
this.wallMaterial = Cesium.Material.fromType('Color', {
color: Cesium.Color.fromAlpha(Cesium.Color.fromCssColorString('#976b4e'))
})
this.tools = new Tools(this.sdk)
let imageBottom = new Image();
let wallBottom = new Image();
imageBottom.src = this.bottomImg;
@ -71,7 +72,7 @@ class TerrainExcavation extends Tools {
}
}
this.init();
// this.init();
}
get show() {
return this.options.show
@ -153,19 +154,11 @@ class TerrainExcavation extends Tools {
startCreate() {
this.Draw.start((e, positions) => {
if (!positions || positions.length <= 2) {
window.ELEMENT && window.ELEMENT.Message({
message: '至少拥有三个坐标位置！',
type: 'warning',
duration: 1500
});
this.tools.message({ type: 'warning', text: '至少拥有三个坐标位置！' })
return
}
if (!this.isConvex(positions)) {
window.ELEMENT && window.ELEMENT.Message({
message: '不支持凹多边形',
type: 'warning',
duration: 1500
});
this.tools.message({ type: 'warning', text: '至少拥有三个坐标位置！' })
console.log('不支持凹多边形')
return
}

63
src/Obj/Analysis/ViewShed/index.js
View File

@ -54,10 +54,11 @@ class ViewShedStage extends Tools {
// this.size = options.size || 10240; // 2048
this.ids = []
this.Dialog = _Dialog
this.tools = new Tools(this.sdk)
this._EventBinding = new EventBinding()
this.html = null
YJ.Analysis.AnalysesResults.push(this)
ViewShedStage.edit(this)
// ViewShedStage.edit(this)
// ViewShedStage.edit(this)
// this.update();
}
@ -122,6 +123,15 @@ class ViewShedStage extends Tools {
this.update()
}
get horizontalViewAngles() {
return this.horizontalViewAngle
}
set horizontalViewAngles(v) {
this.horizontalViewAngle = v
// this.update()
}
get visibleAreaColor() {
return this.options.visibleAreaColor
}
@ -150,11 +160,13 @@ class ViewShedStage extends Tools {
}
get viewDistance() {
if (this.options.viewPosition) {
let viewPosition3 = Cesium.Cartesian3.fromDegrees(this.options.viewPosition.lng, this.options.viewPosition.lat, this.options.viewPosition.alt + this.viewPointHeight)
let viewPositionEnd3 = Cesium.Cartesian3.fromDegrees(this.options.viewPositionEnd.lng, this.options.viewPositionEnd.lat, this.options.viewPositionEnd.alt)
let distance = Cesium.Cartesian3.distance(viewPosition3, viewPositionEnd3)
return distance
}
}
get viewHeading() {
let viewPosition3 = Cesium.Cartesian3.fromDegrees(this.options.viewPosition.lng, this.options.viewPosition.lat, this.options.viewPosition.alt + this.viewPointHeight)
@ -187,7 +199,7 @@ class ViewShedStage extends Tools {
if (count === 2) {
that.options.viewPositionEnd = that.cartesian3Towgs84(cartesian, that.viewer)
that.ids.push(ViewShedStage.create_point(that, cartesian))
end()
that.end()
that.update()
}
})
@ -199,7 +211,7 @@ class ViewShedStage extends Tools {
that.viewer.entities.removeById(id)
})
that.ids = []
end()
that.end()
})
that.event.gesture_pinck_start((movement, cartesian) => {
let startTime = new Date()
@ -210,26 +222,33 @@ class ViewShedStage extends Tools {
that.viewer.entities.removeById(id)
})
that.ids = []
end()
that.end()
}
})
})
}
else {
console.log('上一次测量未结束')
this.tools.message({
text: '上一次测量未结束',
type: 'warning',
});
}
function end() {
that.ids.forEach(id => {
let entity = that.viewer.entities.getById(id)
entity.show = false
}
end() {
this.ids.forEach(id => {
let entity = this.viewer.entities.getById(id)
entity && (entity.show = false)
})
YJ.Measure.SetMeasureStatus(false)
that.tip.destroy()
that.event.destroy()
that.tip = null
that.event = null
this.tip && this.tip.destroy()
this.event && this.event.destroy()
this.tip = null
this.event = null
}
draw() {
ViewShedStage.create(this)
}
static create_point(that, cartesian) {
@ -251,8 +270,8 @@ class ViewShedStage extends Tools {
return id
}
add() {
if (this.options.viewPositionEnd) {
this.createLightCamera();
this.createShadowMap();
this.createPostStage();
@ -260,6 +279,7 @@ class ViewShedStage extends Tools {
this.drawSketch();
ViewShedStage.getcanvas(this)
}
}
update() {
this.clear();
@ -414,6 +434,7 @@ class ViewShedStage extends Tools {
clear() {
YJ.Measure.SetMeasureStatus(false)
this.end()
this.tip && this.tip.destroy()
this.event && this.event.destroy()
this.tip = null
@ -455,10 +476,22 @@ class ViewShedStage extends Tools {
}
this.viewer.shadows = this.viewer._shadows
}
close() {
YJ.Measure.SetMeasureStatus(false)
this.end()
this.editevent && this.editevent.destroy()
this.ControllerObject && this.ControllerObject.destroy()
this.ids.forEach(id => {
this.viewer.entities.removeById(id)
})
}
nodeEdit() {
if (YJ.Measure.GetMeasureStatus()) {
console.log('上一次测量未结束')
this.tools.message({
text: '上一次测量未结束',
type: 'warning',
});
}
else {
this.editevent && this.editevent.destroy()

24
src/Obj/Analysis/Visibility/index.js
View File

@ -27,9 +27,11 @@ class VisibilityAnalysis extends Tools {
this.viewPointHeight = options.viewPointHeight
this.Dialog = _Dialog
this._EventBinding = new EventBinding()
this.tools = new Tools(this.sdk)
YJ.Analysis.AnalysesResults.push(this)
// VisibilityAnalysis.edit(this)
VisibilityAnalysis.create(this)
}
get viewPointHeight() {
@ -182,29 +184,33 @@ class VisibilityAnalysis extends Tools {
that.tip.setPosition(cartesian, movement.endPosition.x, movement.endPosition.y)
})
that.event.mouse_right((movement, cartesian) => {
end()
that.end()
})
that.event.gesture_pinck_start((movement, cartesian) => {
let startTime = new Date()
that.event.gesture_pinck_end(() => {
let endTime = new Date()
if (endTime - startTime >= 500) {
end()
that.end()
}
})
})
}
else {
console.log('上一次测量未结束')
that.tools.message({
text: '上一次测量未结束',
type: 'warning',
});
}
function end() {
YJ.Measure.SetMeasureStatus(false)
that.tip.destroy()
that.event.destroy()
that.tip = null
that.event = null
}
end() {
YJ.Measure.SetMeasureStatus(false)
this.tip && this.tip.destroy()
this.event && this.event.destroy()
this.tip = null
this.event = null
}
// static update(that) {

37
src/Obj/Base/Graffiti/index.js
View File

@ -5,6 +5,7 @@ import Draw from '../../../Draw/draw'
import MouseTip from '../../../MouseTip'
import MouseEvent from '../../../Event'
import Dialog from '../../../BaseDialog';
import Tools from "../../../Tools";
import EventBinding from '../../Element/Dialog/eventBinding';
import { html } from "./_element";
import { CameraController } from '../../../Global/global'
@ -23,6 +24,7 @@ class Graffiti extends Draw {
this.options.width = options.width || 1
this.options.color = options.color || '#ff0000'
this._elms = {};
this.tools = new Tools(sdk)
this._EventBinding = new EventBinding()
Graffiti.edit(this, true)
}
@ -69,14 +71,15 @@ class Graffiti extends Draw {
// 编辑框
static async edit(that, state) {
if (state) {
that._DialogObject = await new Dialog(that.sdk.viewer._container, {
title: '涂鸦参数',
})
await that._DialogObject.init()
let contentElm = document.createElement('div');
contentElm.innerHTML = html()
that._DialogObject.contentAppChild(contentElm)
// that._DialogObject = await new Dialog(that.sdk.viewer._container, {
// title: '涂鸦参数',
// })
// await that._DialogObject.init()
// let contentElm = document.createElement('div');
// contentElm.innerHTML = html()
// that._DialogObject.contentAppChild(contentElm)
// 颜色组件
let contentElm = document.getElementsByClassName('graffiti')[0]
let colorPicker = new YJColorPicker({
el: contentElm.getElementsByClassName("color")[0],
size: 'mini',//颜色box类型
@ -91,20 +94,20 @@ class Graffiti extends Draw {
that.color = 'rgba(255,255,255,1)'
},//点击清空按钮事件回调
})
that._DialogObject._element.body.className = that._DialogObject._element.body.className + ' graffiti'
// that._DialogObject._element.body.className = that._DialogObject._element.body.className + ' graffiti'
let all_elm = contentElm.getElementsByTagName("*")
that._EventBinding.on(that, all_elm)
that._elms = that._EventBinding.element
that._elms.color = [colorPicker]
let confirmBtn = document.createElement('button');
confirmBtn.className = 'confirm';
confirmBtn.innerHTML = '确认'
that._DialogObject.footAppChild(confirmBtn)
confirmBtn.addEventListener('click', () => {
that.start()
Graffiti.edit(that, false)
});
// let confirmBtn = document.createElement('button');
// confirmBtn.className = 'confirm';
// confirmBtn.innerHTML = '确认'
// that._DialogObject.footAppChild(confirmBtn)
// confirmBtn.addEventListener('click', () => {
// that.start()
// Graffiti.edit(that, false)
// });
}
else {
if (that._DialogObject && that._DialogObject.close) {
@ -122,7 +125,7 @@ class Graffiti extends Draw {
start() {
let _this = this
if (YJ.Measure.GetMeasureStatus()) {
console.log('上一次测量未结束')
this.tools.message({ type: 'warning', text: '上一次测量未结束' })
} else {
let viewer = this.sdk.viewer
CameraController(this.sdk, false)

19
src/Obj/Base/RoutePlanning/index.js
View File

@ -4,6 +4,7 @@ import Dialog from '../../../BaseDialog'
import MouseEvent from '../../../Event/index'
import MouseTip from '../../../MouseTip'
import { html, css } from './_element'
import Tools from "../../../Tools";
class RoutePlanning extends Base {
/**
@ -27,6 +28,7 @@ class RoutePlanning extends Base {
lng: null,
lat: null
}
this.tools = new Tools(sdk)
this.init()
}
@ -48,6 +50,7 @@ class RoutePlanning extends Base {
let pos = this.sdk.viewer.scene.clampToHeight(
new Cesium.Cartesian3.fromDegrees(this.startLng, this.startLat)
)
this.clickCallBack({ start: pos, end: this.endEntity.position })
return pos
}, false)
this.startEntity.billboard = {
@ -73,6 +76,7 @@ class RoutePlanning extends Base {
let pos = this.sdk.viewer.scene.clampToHeight(
new Cesium.Cartesian3.fromDegrees(this.endLng, this.endLat)
)
this.clickCallBack({ start: this.startEntity.position, end: pos })
return pos
}, false)
this.endEntity.billboard = {
@ -82,10 +86,21 @@ class RoutePlanning extends Base {
width: 32,
height: 32
}
this.edit(true)
// this.edit(true)
this.clear()
}
get onEnd() {
return this.clickCallBack
}
set onEnd(val) {
if (val && typeof val !== 'function') {
console.error('val:', val, '不是一个function')
} else {
this.clickCallBack = val
}
}
get startLng() {
return this.start.lng
}
@ -253,7 +268,7 @@ class RoutePlanning extends Base {
end: [this.endLng, this.endLat]
})
} else {
console.error('请先设置起点和终点坐标！')
this.tools.message({ type: 'warning', text: '请先设置起点和终点坐标！' })
}
})
div.appendChild(queryBtn)

96
static/custom/css/index.css
View File

@ -883,51 +883,51 @@
}
/* 飞行漫游 */
.YJ-custom-base-dialog>.content .fly-roam {
.fly-roam>.content .fly-roam {
width: 474px;
}
.YJ-custom-base-dialog>.content .fly-roam .total-time {
.fly-roam>.content .total-time {
margin-right: 5px;
}
.YJ-custom-base-dialog>.content .fly-roam .table {
.fly-roam>.content .table {
font-size: 12px;
}
.YJ-custom-base-dialog>.content .fly-roam .table .table-body {
.fly-roam>.content .table .table-body {
height: 220px;
}
.YJ-custom-base-dialog>.content .fly-roam .table .tr .th:first-child,
.YJ-custom-base-dialog>.content .fly-roam .table .tr .td:first-child {
.fly-roam>.content .table .tr .th:first-child,
.fly-roam>.content .table .tr .td:first-child {
flex: 0 0 95px;
width: 95px;
}
.YJ-custom-base-dialog>.content .fly-roam .table .tr .th:nth-child(2),
.YJ-custom-base-dialog>.content .fly-roam .table .tr .td:nth-child(2) {
.fly-roam>.content .table .tr .th:nth-child(2),
.fly-roam>.content .table .tr .td:nth-child(2) {
flex: 0 0 240px;
width: 240px;
}
.YJ-custom-base-dialog>.content .fly-roam .table .tr .th:last-child,
.YJ-custom-base-dialog>.content .fly-roam .table .tr .td:last-child {
.fly-roam>.content .table .tr .th:last-child,
.fly-roam>.content .table .tr .td:last-child {
flex: 0 0 140px;
width: 140px;
}
.YJ-custom-base-dialog>.content .fly-roam .table .table-body .tr.active {
.fly-roam>.content .table .table-body .tr.active {
background: rgba(var(--color-sdk-base-rgb), 0.15);
}
.YJ-custom-base-dialog>.content .fly-roam .table .table-body .tr:last-child {
.fly-roam>.content .table .table-body .tr:last-child {
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
border-left: none;
border-right: none;
}
.YJ-custom-base-dialog>.content .fly-roam .table .table-body .tr:last-child .input {
.fly-roam>.content .table .table-body .tr:last-child .input {
color: #808080;
cursor: no-drop;
}
@ -940,26 +940,26 @@
border-color: rgba(var(--color-sdk-base-rgb), 0.5) !important;
} */
.YJ-custom-base-dialog>.content .fly-roam .table .action {
.fly-roam>.content .table .action {
display: flex;
justify-content: space-around;
}
.YJ-custom-base-dialog>.content .fly-roam .table i {
.fly-roam>.content .table i {
font-size: 18px;
color: #409eff;
cursor: pointer;
}
.YJ-custom-base-dialog>.content .fly-roam .table i:hover {
.fly-roam>.content .table i:hover {
color: #6bb4ff;
}
.YJ-custom-base-dialog>.content .fly-roam .table i:active {
.fly-roam>.content .table i:active {
color: #409eff;
}
.YJ-custom-base-dialog>.content .fly-roam button {
.fly-roam>.content button {
padding: 6px 14px;
}
@ -2214,6 +2214,17 @@
.YJ-custom-base-dialog.cut-fill>.content>div .div-item:last-child .row .unit {
margin-left: 5px;
}
.YJ-custom-base-dialog.cut-fill>.content .firstTip {
position: absolute;
left: 340px;
top: 145px
}
.YJ-custom-base-dialog.cut-fill>.content .endTip {
position: absolute;
top: 145px;
left: 515px
}
/* 淹没分析 */
.YJ-custom-base-dialog.submerge>.content>div .row>.col {
@ -2267,6 +2278,17 @@
flex: 0 0 60px;
justify-content: center;
}
.YJ-custom-base-dialog.submerge>.content .rangeWords {
font-size: 14px;
font-weight: 500;
letter-spacing: 0px;
line-height: 24px;
color: rgba(230, 247, 255, 1);
text-align: right;
vertical-align: top;
width: 42px;
margin-left: 10px
}
/* 地形分析 */
.YJ-custom-base-dialog.terrain-excavation>.content {
@ -2417,6 +2439,44 @@
.YJ-custom-base-dialog.circle-view-shed>.content {
width: 290px;
}
.YJ-custom-base-dialog.circle-view-shed>.content .firstTip {
font-size: 14px;
font-weight: 700;
letter-spacing: 0px;
line-height: 0px;
color: rgba(255, 255, 255, 1);
text-align: left;
vertical-align: top;
position: absolute;
left: 88px;
top: 145px
}
.YJ-custom-base-dialog.circle-view-shed>.content .endTip {
font-size: 14px;
font-weight: 700;
letter-spacing: 0px;
line-height: 0px;
color: rgba(255, 255, 255, 1);
text-align: left;
vertical-align: top;
position: absolute;
left: 240px;
top: 145px;
}
.el-popper.is-dark {
z-index: 1000000 !important
}
.el-slider__button {
width: 16px;
height: 16px;
}
.el-slider {
--el-slider-main-bg-color: rgba(var(--color-sdk-base-rgb), 1)
}
/* 地形可视域分析 */
.YJ-custom-base-dialog.visibility>.content {