Pārlūkot izejas kodu

15分钟生活圈,单击清除,双击查询

zhanghan 1 mēnesi atpakaļ
vecāks
revīzija
22d4a9cea7
1 mainītis faili ar 19 papildinājumiem un 1 dzēšanām
  1. 19 1
      src/views/leaflet.vue

+ 19 - 1
src/views/leaflet.vue

@@ -261,12 +261,30 @@ export default {
         attributionControl: false,
         zoomControl: false,
         renderer: L.canvas(),
+        doubleClickZoom: false,
       }).setView([31.17665808878003, 121.27975386938489], 18);
 
       this.layer = this.addTiledMapLayer(
         "internalMap?servertype=shmap_base_web&proxyToken=" + this.oauthToken
       ).addTo(map2DViewer.map);
-      map2DViewer.map.on("click", (e) => {
+      // 单击事件:清除所有绘制的元素和筛选结果
+      map2DViewer.map.on("click", () => {
+        // 清除圆圈
+        if (this.currentCircle) {
+          map2DViewer.map.removeLayer(this.currentCircle);
+          this.currentCircle = null; // 重置引用
+        }
+
+        // 清除筛选结果图层
+        if (this.filteredLifeLayer) {
+          map2DViewer.map.removeLayer(this.filteredLifeLayer);
+          this.filteredLifeLayer = null; // 重置引用
+        }
+
+        // 如果有其他需要清除的筛选结果数据,也可以在这里处理
+        // 例如:this.filteredResults = [];
+      });
+      map2DViewer.map.on("dblclick", (e) => {
         // 清除上一次的圆圈和筛选结果
         if (this.currentCircle) {
           map2DViewer.map.removeLayer(this.currentCircle);