瀏覽代碼

feat: 禁用地图中使用滚轮缩放地图的功能

zhouyuhao 11 月之前
父節點
當前提交
5b508eb24b
共有 1 個文件被更改,包括 6 次插入2 次删除
  1. 6 2
      src/views/Tracking/src/components/TrackingDetail/src/components/MapView.vue

+ 6 - 2
src/views/Tracking/src/components/TrackingDetail/src/components/MapView.vue

@@ -50,7 +50,7 @@ const initMap = () => {
     return
   }
 
-  map = L.map('tracking-map', {}).setView([51.505, -0.09], 3)
+  map = L.map('tracking-map', { scrollWheelZoom: false }).setView([51.505, -0.09], 3)
 
   // 添加 TileLayer
   L.tileLayer('https://map.kerryapex.com/osm_tiles/{z}/{x}/{y}.png', {
@@ -525,7 +525,11 @@ onMounted(() => {
 })
 
 onUnmounted(() => {
-  map?.remove()
+  // 清除地图实例,防止内存泄漏
+  if (map) {
+    map.off() // 移除所有事件监听器
+    map.remove() // 移除地图
+  }
 })
 </script>