From d145c9ec4a825444bc636e55ca42edc270c812fe Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 25 Oct 2022 16:43:38 +0800
Subject: [PATCH] 绘制+路由跳转问题
---
src/utils/EntityDraw.js | 96 ++++++++++++++++++++++++++++++++++++++----------
1 files changed, 76 insertions(+), 20 deletions(-)
diff --git a/src/utils/EntityDraw.js b/src/utils/EntityDraw.js
index c6c6a64..df5f66e 100644
--- a/src/utils/EntityDraw.js
+++ b/src/utils/EntityDraw.js
@@ -2,7 +2,7 @@
* @Author: shuishen 1109946754@qq.com
* @Date: 2022-10-18 17:17:50
* @LastEditors: shuishen 1109946754@qq.com
- * @LastEditTime: 2022-10-25 15:41:19
+ * @LastEditTime: 2022-10-25 16:38:11
* @FilePath: \srs-police-affairs\src\utils\EntityDraw.js
* @Description:
*
@@ -12,6 +12,7 @@
export default class EntityDraw {
drawPolygonLayer = null
+ drawPolylineLayer = null
drawPointLayer = null
@@ -40,6 +41,11 @@
// 添加面图层
this.drawPolygonLayer = new global.DC.VectorLayer('drawPolygonLayer')
global.viewer.addLayer(this.drawPolygonLayer)
+
+ // 添加线图层
+ this.drawPolylineLayer = new global.DC.VectorLayer('drawPolylineLayer')
+ global.viewer.addLayer(this.drawPolylineLayer)
+
// 添加点图层
this.drawPointLayer = new global.DC.VectorLayer('drawPointLayer')
@@ -87,14 +93,27 @@
drawGraph (positionData) {
let graph
- graph = global.viewer.entities.add({
- polygon: {
- hierarchy: positionData,
- material: new global.DC.Namespace.Cesium.ColorMaterialProperty(
- global.DC.Namespace.Cesium.Color.NAVAJOWHITE.withAlpha(0.7)
- ),
- }
- })
+ if (this.type === "polyline") {
+ graph = global.viewer.entities.add({
+ polyline: {
+ material: new global.DC.Namespace.Cesium.ColorMaterialProperty(
+ global.DC.Namespace.Cesium.Color.NAVAJOWHITE.withAlpha(0.7)
+ ),
+ positions: positionData,
+ clampToGround: true,
+ width: 3,
+ },
+ })
+ } else {
+ graph = global.viewer.entities.add({
+ polygon: {
+ hierarchy: positionData,
+ material: new global.DC.Namespace.Cesium.ColorMaterialProperty(
+ global.DC.Namespace.Cesium.Color.NAVAJOWHITE.withAlpha(0.7)
+ ),
+ }
+ })
+ }
return graph
}
@@ -122,7 +141,13 @@
that.activeShapePoints.push(event.surfacePosition)
const dynamicPositions = new global.DC.Namespace.Cesium.CallbackProperty(function () {
- return new global.DC.Namespace.Cesium.PolygonHierarchy(that.activeShapePoints)
+
+ if (that.type === "polyline") {
+ return that.activeShapePoints
+ } else {
+ return new global.DC.Namespace.Cesium.PolygonHierarchy(that.activeShapePoints)
+ }
+
}, false)
that.activeShape = that.drawGraph(dynamicPositions)
@@ -153,10 +178,19 @@
}
rightEvent (event) {
- if (this.activeShapePoints.length < 4) {
- global.viewer.tooltip.showAt(event.windowPosition, '不能绘制成面，请继续添加点')
- return
+
+ if (this.type === "polyline") {
+ if (this.activeShapePoints.length < 2) {
+ global.viewer.tooltip.showAt(event.windowPosition, '不能绘制成线，请继续添加点')
+ return
+ }
+ } else {
+ if (this.activeShapePoints.length < 4) {
+ global.viewer.tooltip.showAt(event.windowPosition, '不能绘制成面，请继续添加点')
+ return
+ }
}
+
this.terminateShape()
}
@@ -173,15 +207,31 @@
})
- let polygon = new global.DC.Polygon(this.drawCompletePosition)
+ if (this.type === "polyline") {
- polygon.setStyle({
- material: new global.DC.Namespace.Cesium.ColorMaterialProperty(
- global.DC.Namespace.Cesium.Color.NAVAJOWHITE.withAlpha(0.7)
- )
- })
+ let polyline = new global.DC.Polyline(this.drawCompletePosition)
- this.drawPolygonLayer.addOverlay(polygon)
+ polyline.setStyle({
+ material: new global.DC.Namespace.Cesium.ColorMaterialProperty(
+ global.DC.Namespace.Cesium.Color.NAVAJOWHITE.withAlpha(0.7)
+ )
+ })
+
+ this.drawPolylineLayer.addOverlay(polyline)
+
+ } else {
+ let polygon = new global.DC.Polygon(this.drawCompletePosition)
+
+ polygon.setStyle({
+ material: new global.DC.Namespace.Cesium.ColorMaterialProperty(
+ global.DC.Namespace.Cesium.Color.NAVAJOWHITE.withAlpha(0.7)
+ )
+ })
+
+ this.drawPolygonLayer.addOverlay(polygon)
+ }
+
+
this.clickInTheProcess()
}
@@ -204,13 +254,19 @@
// 清除
clearLayer () {
this.drawPolygonLayer.clear()
+ this.drawPolylineLayer.clear()
}
// 销毁
destroy () {
this.unRegisterEvents()
+
this.drawPolygonLayer.clear()
this.drawPolygonLayer.remove()
+
+ this.drawPolylineLayer.clear()
+ this.drawPolylineLayer.remove()
+
this.drawPointLayer.clear()
this.drawPointLayer.remove()
--
Gitblit v1.9.3