From 9eb0c9993a0be2fbb00813b7c7b0c0f2a096999c Mon Sep 17 00:00:00 2001 From: zhangshuaibao <15731629597@163.com> Date: 星期三, 17 三月 2021 18:04:46 +0800 Subject: [PATCH] 完善左上角工具栏的点击问题 --- src/components/panel/ToolBoxPanel.vue | 42 ++++++++++++++++++++++-------------------- 1 files changed, 22 insertions(+), 20 deletions(-) diff --git a/src/components/panel/ToolBoxPanel.vue b/src/components/panel/ToolBoxPanel.vue index 9b9a409..8db22bb 100644 --- a/src/components/panel/ToolBoxPanel.vue +++ b/src/components/panel/ToolBoxPanel.vue @@ -244,6 +244,7 @@ ], selectGroup: false, drawLayer: null, + drawLayerArray: [], map: null, // L: window.L, active: -1, @@ -310,33 +311,34 @@ iconAnchor: [13, 16], popupAnchor: [26, -32] }) - var drawLayerMarker = this.map.editTools.startMarker() - drawLayerMarker.setIcon(myIcon) - this.drawLayer.addLayer(drawLayerMarker) - this.setLogic(drawLayerMarker) + this.drawLayer = this.map.editTools.startMarker() + this.drawLayer.setIcon(myIcon) + this.drawLayerArray.push(this.drawLayer) break case '绾挎爣缁�': - var drawLayerLine = this.map.editTools.startPolyline() - this.drawLayer.addLayer(drawLayerLine) - this.setLogic(drawLayerLine) + this.drawLayer = this.map.editTools.startPolyline() + this.drawLayerArray.push(this.drawLayer) + this.setLogic() break case '澶氳竟褰�': - var drawLayerPolygonD = this.map.editTools.startPolygon() - this.drawLayer.addLayer(drawLayerPolygonD) - this.setLogic(drawLayerPolygonD) + this.drawLayer = this.map.editTools.startPolygon() + this.drawLayerArray.push(this.drawLayer) + this.setLogic() break case '鐭╁舰': - var drawLayerPolygonJ = this.map.editTools.startRectangle() - this.drawLayer.addLayer(drawLayerPolygonJ) - this.setLogic(drawLayerPolygonJ) + this.drawLayer = this.map.editTools.startRectangle() + this.drawLayerArray.push(this.drawLayer) + this.setLogic() break case '鍦嗗舰': - var drawLayerPolygonY = this.map.editTools.startCircle() - this.drawLayer.addLayer(drawLayerPolygonY) - this.setLogic(drawLayerPolygonY) + this.drawLayer = this.map.editTools.startCircle() + this.drawLayerArray.push(this.drawLayer) + this.setLogic() break case '鍒犻櫎': - this.drawLayer.clearLayers() + for (let i = 0; i < this.drawLayerArray.length; i++) { + this.map.removeLayer(this.drawLayerArray[i]) + } break case '娓呴櫎': Measure.clearMeasure(this.map, this.L) @@ -377,9 +379,9 @@ break } }, - setLogic (layer) { - layer.on('dblclick', this.L.DomEvent.stop).on('dblclick', layer.toggleEdit) - layer.setStyle({ + setLogic () { + this.drawLayer.on('dblclick', this.L.DomEvent.stop).on('dblclick', this.drawLayer.toggleEdit) + this.drawLayer.setStyle({ color: 'red' }) }, -- Gitblit v1.8.0