Ver Fonte

feat: 禁用地图的滚动缩放地图功能

zhouyuhao há 11 meses atrás
pai
commit
21903b2969

+ 9 - 1
src/views/Tracking/src/components/TrackingDetail/src/components/MapView.vue

@@ -44,7 +44,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', {
@@ -175,6 +175,14 @@ watch(
 onMounted(() => {
   initMap() // 初始化地图,不加标记
 })
+
+onUnmounted(() => {
+  // 清除地图实例,防止内存泄漏
+  if (map) {
+    map.off() // 移除所有事件监听器
+    map.remove() // 移除地图
+  }
+})
 </script>
 
 <style lang="scss">