定点分析

src/api/globalMap/index.ts

@@ -96,3 +96,16 @@ export const getVideoInfo = (params) => {
     data: params
   });
 };
+
+// 定点分析列表查询
+export const getEmergencyRescuePointInfoList = (params) => {
+  return request({
+    url: '/api/gateway/v2/get_emergency_rescue_point_info_list',
+    method: 'post',
+    data: {
+      query: {
+        ...params
+      }
+    }
+  });
+};

src/assets/styles/index.scss

@@ -317,6 +317,30 @@ aside {
   cursor: pointer;
   font-size: 38px;
 }
+.common-btn-primary4 {
+  width: 357px;
+  height: 134px;
+  background: url('@/assets/images/common/btnPrimary4.png') no-repeat;
+  background-size: 100% 100%;
+  color: #ffffff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  font-size: 38px;
+}
+.common-btn3 {
+  width: 299px;
+  height: 75px;
+  background: url('@/assets/images/common/btn2.png') no-repeat;
+  background-size: 100% 100%;
+  color: #ffffff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  font-size: 38px;
+}
 .common-btn-danger{
   width: 268px;
   height: 72px;

src/hooks/AMap/useAMap.ts

@@ -16,7 +16,7 @@ export function useAMap(options) {
       version: !!options.version ? options.version : '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
       plugins: options.plugins
         ? options.plugins
-        : ['AMap.Scale', 'AMap.RangingTool', 'AMap.MouseTool', 'AMap.PolygonEditor', 'AMap.MarkerCluster', 'AMap.DistrictSearch', 'AMap.MoveAnimation']
+        : ['AMap.Scale', 'AMap.RangingTool', 'AMap.MouseTool', 'AMap.PolygonEditor', 'AMap.MarkerCluster', 'AMap.DistrictSearch', 'AMap.MoveAnimation', 'AMap.Driving', 'AMap.Geocoder']
     }).then((res) => {
       AMap = res;
       map = new AMap.Map(options.el ? options.el : 'aMap', {

src/views/globalMap/RightMenu/FixedPointAnalysis.vue

@@ -0,0 +1,620 @@
+<template>
+  <div class="menu-content">
+    <div class="gradient-text title">定点分析</div>
+    <div class="scroll-box">
+      <div v-if="!tempState.address" class="search-box">
+        <div class="text-box">
+          <i class="icon-position2" />
+          <div class="text1" :title="selectData.event_title">{{ selectData.event_title }}</div>
+        </div>
+      </div>
+      <div v-else class="search-box">
+        <div class="text-box">
+          <i class="icon-position2" />
+          <div class="text1" :title="tempState.address">{{ tempState.address }}</div>
+        </div>
+        <div class="common-btn-primary4" @click="confirmSelect">确定定位</div>
+      </div>
+      <div class="search-item">
+        <div class="text1">选择救灾资源：</div>
+        <el-select
+          v-model="queryParams.dataType"
+          class="custom-select select-box"
+          placeholder="请选择"
+          popper-class="custom-select-popper"
+          :teleported="false"
+        >
+          <el-option v-for="item in disaster_relief_material" :key="item.value" :label="item.label" :value="item.value"></el-option>
+        </el-select>
+      </div>
+      <div class="search-item2">
+        <el-input v-model="queryParams.keyword" class="custom-input2" placeholder="请输入关键字搜索" />
+        <div class="common-btn-primary4" @click="getList">搜索</div>
+      </div>
+      <div class="search-item3">
+        <el-checkbox v-model="checked1">自定义距离</el-checkbox>
+        <el-input v-model="distance" class="custom-input2" placeholder="自定义距离(公里)" />
+        <div class="common-btn3" @click="getList">确定</div>
+      </div>
+
+      <div class="list2">
+        <div class="text-box1">
+          总数：
+          <div class="gradient-text2">{{ total }}</div>
+          个
+        </div>
+        <div class="list-content">
+          <div v-for="(item, index) in dataList" :key="index" class="list-item">
+            <div class="text-box2">
+              <div class="text2">{{ item.name }}</div>
+              <div class="text3">{{ item.address }}</div>
+            </div>
+            <div class="operate" @click="handleRoutes(item)">
+              <i class="icon2" />
+              路线
+            </div>
+          </div>
+        </div>
+      </div>
+      <div v-show="!!routeData && routeData.length > 0" class="route-box">
+        <div class="route-item1">
+          <i class="icon-position3" />
+          <div class="text1">路线始点：</div>
+          <div class="text2" :title="routesAddress">{{ routesAddress }}</div>
+          <i class="icon-close2" @click="showAddress = false" />
+        </div>
+        <div class="route-list">
+          <div v-for="(item, index) in routeData" :key="index" class="route-item2" @click="drawRoute(item)">
+            <div class="text-box1">
+              <div :class="'tag' + index">{{ getTag(index) }}</div>
+              <div class="text1">{{ item.policy }}</div>
+            </div>
+            <div class="route-info">
+              <div class="text-box2">
+                <i class="icon1" />
+                <div class="gradient-text2">{{ item.date[0] }}</div>
+                <div class="text2">小时</div>
+                <div class="gradient-text2">{{ item.date[1] }}</div>
+                <div class="text2">分钟</div>
+              </div>
+              <div class="line"></div>
+              <div class="text-box2">
+                <i class="icon2" />
+                <div class="gradient-text2">{{ item.distance / 1000 }}</div>
+                <div class="text2">公里</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup name="FixedPointAnalysis">
+import BigNumber from 'bignumber.js';
+import { getEmergencyRescuePointInfoList } from '@/api/globalMap';
+
+interface Props {
+  modelValue: boolean;
+  location?: string | number[];
+}
+const props = withDefaults(defineProps<Props>(), {});
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { emergency_resource, disaster_relief_material } = toRefs<any>(proxy?.useDict('emergency_resource', 'disaster_relief_material'));
+const emits = defineEmits(['update:modelValue']);
+let getMapUtils = inject('getMapUtils');
+let showAddress = ref(true);
+let routeData = ref([]);
+let routeLine, startMarker, endMarker;
+let routesAddress = ref('');
+let AMap, map, driving, geocoder;
+let eventList = ref([]);
+let selectData = ref({
+  event_title: '',
+  longitude: '',
+  latitude: ''
+});
+let selectMarker;
+let tempState = reactive({
+  address: '',
+  longitude: '',
+  latitude: ''
+});
+let checked1 = ref(false);
+let distance = ref('');
+let queryParams = reactive({
+  keyword: '',
+  dataType: '2'
+});
+let total = ref(0);
+let dataList = ref([]);
+const toSelect = () => {
+  map.on('click', handleClickMap);
+};
+const handleClickMap = (e) => {
+  map.off('click', handleClickMap);
+  tempState.longitude = e.lnglat.getLng();
+  tempState.latitude = e.lnglat.getLat();
+  geocoder.getAddress([tempState.longitude, tempState.latitude], (status, result) => {
+    if (status === 'complete' && result.info === 'OK') {
+      tempState.address = result.regeocode.formattedAddress;
+    }
+  });
+};
+const confirmSelect = () => {
+  selectEvent(
+    {
+      event_title: tempState.address,
+      longitude: tempState.longitude,
+      latitude: tempState.latitude
+    },
+    true
+  );
+};
+// 选中事件
+const selectEvent = (item, unFitView) => {
+  eventList.value.forEach((item2) => {
+    if (item2.event_id === item.event_id) {
+      item2.checked = true;
+    } else {
+      item2.checked = false;
+    }
+  });
+  selectData.value = item;
+  tempState.address = '';
+  tempState.longitude = '';
+  tempState.latitude = '';
+  if (!!selectMarker) {
+    selectMarker.setMap(null);
+    selectMarker = null;
+  }
+  // 以 icon URL 的形式创建一个途经点
+  const icon = new AMap.Icon({
+    size: new AMap.Size(19, 31),
+    image: 'https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png'
+  });
+  selectMarker = new AMap.Marker({
+    position: new AMap.LngLat(item.longitude, item.latitude),
+    icon: icon,
+    offset: new AMap.Pixel(-13, -30)
+  });
+  selectMarker.setMap(map);
+  if (!unFitView) {
+    map.setFitView([selectMarker]);
+  }
+  getList();
+};
+
+const handleRoutes = (item) => {
+  const start = [item.longitude, item.latitude];
+  const end = [selectData.value.longitude, selectData.value.latitude];
+  showAddress.value = true;
+  routesAddress.value = item.address;
+  calculateRoutes(start, end, 0);
+};
+// 计算并展示三条路线
+const calculateRoutes = (start, end, index) => {
+  if (index >= 3) {
+    return;
+  }
+  // 不同的策略或参数来生成不同的路线
+  const policyMap = [
+    AMap.DrivingPolicy.LEAST_TIME, // 最短时间
+    AMap.DrivingPolicy.LEAST_DISTANCE, // 最短距离
+    AMap.DrivingPolicy.LEAST_FEE // 最少费用
+  ];
+  driving.setPolicy(policyMap[index]);
+
+  driving.search(new AMap.LngLat(start[0], start[1]), new AMap.LngLat(end[0], end[1]), function (status, result) {
+    if (status === 'complete' && result.info === 'OK') {
+      const route = result.routes[0];
+      if (index === 0) {
+        routeData.value = [];
+      }
+      route.date = formatDate(route.time);
+      routeData.value.push(route);
+    }
+
+    // 计算下一条路线
+    calculateRoutes(start, end, index + 1);
+  });
+};
+const drawRoute = (route) => {
+  const path = parseRouteToPath(route);
+  if (!!startMarker) {
+    map.remove(startMarker);
+    startMarker = null;
+  }
+  if (!!endMarker) {
+    map.remove(endMarker);
+    endMarker = null;
+  }
+  if (!!routeLine) {
+    routeLine.setMap(null);
+    routeLine = null;
+  }
+  const icon1 = new AMap.Icon({
+    size: new AMap.Size(19, 31),
+    image: 'https://webapi.amap.com/theme/v1.3/markers/n/start.png'
+  });
+  const icon2 = new AMap.Icon({
+    size: new AMap.Size(19, 31),
+    image: 'https://webapi.amap.com/theme/v1.3/markers/n/end.png'
+  });
+  startMarker = new AMap.Marker({
+    position: path[0],
+    icon: icon1,
+    offset: new AMap.Pixel(-13, -30),
+    map: map
+  });
+
+  endMarker = new AMap.Marker({
+    position: path[path.length - 1],
+    icon: icon2,
+    offset: new AMap.Pixel(-13, -30),
+    map: map
+  });
+  routeLine = new AMap.Polyline({
+    path: path,
+    isOutline: true,
+    outlineColor: '#ffeeee',
+    borderWeight: 2,
+    strokeWeight: 5,
+    strokeColor: '#0091ff',
+    lineJoin: 'round'
+  });
+  routeLine.setMap(map);
+
+  // 调整视野达到最佳显示区域
+  map.setFitView([startMarker, endMarker, routeLine]);
+};
+
+// 解析DrivingRoute对象，构造成AMap.Polyline的path参数需要的格式
+// DrivingResult对象结构参考文档 https://lbs.amap.com/api/javascript-api/reference/route-search#m_DriveRoute
+const parseRouteToPath = (route) => {
+  var path = [];
+
+  for (var i = 0, l = route.steps.length; i < l; i++) {
+    var step = route.steps[i];
+
+    for (var j = 0, n = step.path.length; j < n; j++) {
+      path.push(step.path[j]);
+    }
+  }
+
+  return path;
+};
+function formatDate(seconds: number) {
+  // 将秒数转换为BigNumber
+  const secondsBn = new BigNumber(seconds);
+
+  // 计算小时数
+  const hoursBn = secondsBn.dividedBy(3600).integerValue(BigNumber.ROUND_DOWN);
+  // 计算剩余的秒数，然后转换为分钟数
+  const remainingSecondsBn = secondsBn.minus(hoursBn.times(3600));
+  const minutesBn = remainingSecondsBn.dividedBy(60).integerValue();
+
+  // 将BigNumber转换为字符串，并使用padStart添加前导零
+  const hours = hoursBn.toString();
+
+  const minutes = minutesBn.toString();
+
+  // 返回包含小时和分钟的数组
+  return [hours, minutes];
+}
+const getTag = (index) => {
+  let tag = '路线' + index;
+  if (index === 0) {
+    tag = '路线A';
+  } else if (index === 1) {
+    tag = '路线B';
+  } else if (index === 2) {
+    tag = '路线C';
+  }
+  return tag;
+};
+// 搜索列表
+const getList = () => {
+  const params = {
+    longitude: selectData.value.longitude,
+    latitude: selectData.value.latitude,
+    dataType: queryParams.dataType,
+    keyword: queryParams.keyword,
+    radius: '30'
+  };
+  if (!!checked1.value) {
+    params.radius = distance.value;
+  }
+  getEmergencyRescuePointInfoList(params).then((res) => {
+    dataList.value = res.rows;
+    total.value = res.total;
+  });
+};
+onMounted(() => {
+  AMap = getMapUtils().getAMap();
+  map = getMapUtils().getMap();
+  geocoder = new AMap.Geocoder({
+    // city 指定进行编码查询的城市，支持传入城市名、adcode 和 citycode
+    city: '010'
+  });
+  tempState.longitude = props.location[0];
+  tempState.latitude = props.location[1];
+  geocoder.getAddress(props.location, (status, result) => {
+    if (status === 'complete' && result.info === 'OK') {
+      tempState.address = result.regeocode.formattedAddress;
+    }
+  });
+  //构造路线导航类
+  driving = new AMap.Driving({});
+});
+</script>
+
+<style lang="scss" scoped>
+.menu-content {
+  width: 1584px;
+  height: 1772px;
+  background: url('@/assets/images/map/rightMenu/onlinePlotting/dialog.png') no-repeat;
+  padding: 130px 45px 20px 50px;
+  font-size: 36px;
+  position: relative;
+  color: #ffffff;
+  .scroll-box {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow-y: auto;
+  }
+  .search-box {
+    width: 1490px;
+    height: 150px;
+    background: url('@/assets/images/electronicDisasterMapManage/box6.png') no-repeat;
+    background-size: 100% 100%;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .text-box {
+      display: flex;
+      align-items: center;
+      .icon-position2 {
+        flex-shrink: 0;
+        display: inline-block;
+        width: 46px;
+        height: 50px;
+        background: url('@/assets/images/electronicDisasterMapManage/position2.png') no-repeat;
+        background-size: 100% 100%;
+      }
+      .text1 {
+        margin-left: 10px;
+        font-size: 38px;
+        color: #f7f8fb;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+    .common-btn-primary4 {
+      flex-shrink: 0;
+    }
+  }
+  .search-item {
+    margin: 6px 0 3px;
+    display: flex;
+    align-items: center;
+    .text1 {
+      font-size: 38px;
+      flex-shrink: 0;
+    }
+    .custom-select {
+      flex: 1;
+    }
+  }
+  .search-item2 {
+    margin: 3px 0;
+    display: flex;
+    align-items: center;
+    .custom-input2 {
+      flex: 1;
+    }
+    .common-btn-primary4 {
+      flex-shrink: 0;
+      margin-right: -12px;
+    }
+  }
+  .search-item3 {
+    margin: 3px 0;
+    display: flex;
+    align-items: center;
+    .el-checkbox {
+      color: #8fa8be;
+      margin-right: 10px;
+      flex-shrink: 0;
+    }
+    .custom-input2 {
+      flex: 1;
+      margin-right: 10px;
+    }
+    .common-btn3 {
+      flex-shrink: 0;
+    }
+  }
+  .list2 {
+    padding: 8px;
+    border-radius: 2px;
+    background: #1c356d;
+    color: #ebf5f7;
+    .text-box1 {
+      font-size: 38px;
+      .gradient-text2 {
+        font-size: 44px;
+        font-family: BEBAS-1;
+      }
+    }
+    .list-content {
+      height: 210px;
+      overflow-y: auto;
+      .list-item {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 7px 0;
+        border-bottom: 1px solid #4574d5;
+        .text-box2 {
+          .text2 {
+            font-size: 38px;
+            line-height: 28px;
+          }
+          .text3 {
+            font-size: 36px;
+            line-height: 26px;
+          }
+        }
+        .operate {
+          flex-shrink: 0;
+          display: flex;
+          align-items: center;
+          font-size: 38px;
+          color: transparent;
+          background-image: linear-gradient(to bottom, #ffffff 25%, #2b72d6 100%);
+          -webkit-background-clip: text;
+          background-clip: text;
+          cursor: pointer;
+          .icon2 {
+            display: inline-block;
+            width: 33px;
+            height: 33px;
+            background: url('@/assets/images/electronicDisasterMapManage/icon2.png') no-repeat;
+            background-size: 100% 100%;
+          }
+        }
+      }
+    }
+  }
+  .route-box {
+    .route-item1 {
+      display: flex;
+      align-items: center;
+      background-color: #1d366e;
+      padding: 0 5px;
+      margin-top: 6px;
+      .icon-position3 {
+        display: inline-block;
+        width: 23px;
+        height: 26px;
+        background: url('@/assets/images/electronicDisasterMapManage/position3.png') no-repeat;
+        background-size: 100% 100%;
+        flex-shrink: 0;
+      }
+      .text1 {
+        font-size: 38px;
+        color: #cfe4fe;
+        flex-shrink: 0;
+      }
+      .text2 {
+        font-size: 38px;
+        color: #f1fbff;
+        flex: 1;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      .icon-close2 {
+        flex-shrink: 0;
+        width: 12px;
+        height: 12px;
+        background: url('@/assets/images/electronicDisasterMapManage/close.png') no-repeat;
+        background-size: 100% 100%;
+        margin-left: 5px;
+      }
+    }
+    .route-item2 {
+      width: 100%;
+      background: #1f2c4e;
+      padding: 5px;
+      margin-top: 6px;
+      cursor: pointer;
+      .text-box1 {
+        display: flex;
+        .tag0 {
+          color: #fff;
+          background-color: #e65d63;
+          border-radius: 10px;
+          padding: 2px 6px;
+          font-size: 36px;
+        }
+        .tag1 {
+          color: #fff;
+          background-color: #f0b13c;
+          border-radius: 10px;
+          padding: 2px 6px;
+          font-size: 36px;
+        }
+        .tag2 {
+          color: #fff;
+          background-color: #6bc26b;
+          border-radius: 10px;
+          padding: 2px 6px;
+          font-size: 36px;
+        }
+        .text1 {
+          font-size: 38px;
+          margin-left: 5px;
+        }
+      }
+      .route-info {
+        display: flex;
+        background-color: #2b3858;
+        border: 1px solid #2e5174;
+        padding: 3px 5px;
+        margin-top: 10px;
+        display: flex;
+        align-items: center;
+        .text-box2 {
+          display: flex;
+          align-items: center;
+          .icon1 {
+            display: inline-block;
+            width: 14px;
+            height: 13px;
+            background: url('@/assets/images/electronicDisasterMapManage/icon3.png') no-repeat;
+            background-size: 100% 100%;
+            margin-right: 5px;
+          }
+          .icon2 {
+            display: inline-block;
+            width: 13px;
+            height: 16px;
+            background: url('@/assets/images/electronicDisasterMapManage/icon4.png') no-repeat;
+            background-size: 100% 100%;
+            margin-right: 5px;
+          }
+          .gradient-text2 {
+            font-size: 40px;
+            font-family: BEBAS-1;
+            margin: 0 3px;
+          }
+          .text2 {
+            font-size: 38px;
+            color: #95a9c1;
+          }
+        }
+        .line {
+          width: 1px;
+          height: 10px;
+          background-color: #5a6885;
+          margin: 0 20px;
+        }
+      }
+    }
+  }
+}
+.title {
+  font-size: 60px;
+  position: absolute;
+  top: 30px;
+  left: 140px;
+}
+</style>

src/views/globalMap/RightMenu/GridPointRainfall.vue

@@ -58,9 +58,6 @@ onMounted(() => {
       chartOption.value.series[1].data = data3;
     });
   });
-});
-onMounted(() => {
-
 });
 </script>
 

src/views/globalMap/RightMenu/index.vue

@@ -42,6 +42,8 @@
         <UAV v-if="menuState.showMenu && menuState.menuData[menuState.activeIndex]?.name === '无人机'" @handle-menu="handleMenu" />
         <!--实时标绘-->
         <OnlinePlotting v-if="menuState.showMenu && menuState.menuData[menuState.activeIndex]?.name === '实时标绘'" />
+        <!--定点分析-->
+        <FixedPointAnalysis v-if="menuState.showMenu && menuState.menuData[menuState.activeIndex]?.name === '定点分析'" :location="location2" />
         <!--雨情监测-->
         <RainMonitor v-if="menuState.showMenu && menuState.menuData[menuState.activeIndex]?.name === '雨情监测'" />
         <!--铁塔运行监测-->
@@ -92,6 +94,7 @@ import Reservoir from './Reservoir.vue';
 import SpatialAnalysis from './SpatialAnalysis.vue';
 import LayerAnalysis from './LayerAnalysis.vue';
 import OnlinePlotting from './OnlinePlotting/index.vue';
+import FixedPointAnalysis from './FixedPointAnalysis.vue';
 import UAV from './UAV.vue';
 import WarningInfo from './WarningInfo.vue';
 import { PointType } from '@/api/globalMap/type';
@@ -157,6 +160,7 @@ const clickMenu = (index) => {
   menuState.activeIndex = index;
 };
 let location = ref([]);
+let location2 = ref([]);
 // 显示菜单
 const handleMenu = (name, data) => {
   let index = menuState.menuData.findIndex((item) => {
@@ -172,9 +176,8 @@ const handleMenu = (name, data) => {
     clickMenu(index);
   }
 };
-
 // 新增菜单 type 1 新增 2 删除
-const updateMenu = (type, menu) => {
+const updateMenu = (type, menu, location?: any) => {
   if (type === '1') {
     if (menu.name === '图层分析') {
       let index = menuState.menuData.findIndex((item) => {
@@ -183,7 +186,10 @@ const updateMenu = (type, menu) => {
       if (index === -1) {
         menuState.menuData.push(menu);
       }
-    } else {
+    } else if (menu.name === '定点分析') {
+      menuState.menuData.push(menu);
+      location2.value = location;
+    }  else {
       menuState.menuData.push(menu);
     }
     clickMenu(menuState.menuData.length - 1);
@@ -193,6 +199,13 @@ const updateMenu = (type, menu) => {
       menuState.menuData.splice(index, 1);
       menuState.activeIndex = 0;
     }
+  } else if (type === '4') {
+    let index = menuState.menuData.findIndex((item) => item.name === menu.name);
+    if (index > -1) {
+      menuState.menuData.splice(index, 1);
+      menuState.activeIndex = 0;
+    }
+    location2.value = location;
   }
 };
 const getMenuState = () => {

src/views/globalMap/index.vue

@@ -49,6 +49,7 @@ import { PointType } from '@/api/globalMap/type';
 import DrawTools from '@/views/globalMap/RightMenu/DrawTools.vue';
 import CommunicationSupport from '@/views/globalMap/RightMenu/CommunicationSupport.vue';
 import GridPointRainfall from '@/views/globalMap/RightMenu/GridPointRainfall.vue';
+import FixedPointAnalysis from '@/views/globalMap/RightMenu/FixedPointAnalysis.vue';
 
 const rightMenuRef = ref(null);
 const mapData = reactive(logicalData);
@@ -59,7 +60,10 @@ let leftMenuRef = ref(null);
 //  vectorgraph satellite imageMap 废弃：logical satellite2 satellite3
 let activeMap = ref('satellite');
 // 附近视频菜单数据
-let tempMenu = ref({});
+let tempMenu = ref({
+  name: '',
+  checked: false
+});
 const communicationSupport = reactive({
   show: false,
   data: {}
@@ -283,6 +287,12 @@ const handleClickMap = (e) => {
     showNearbyVideos.value = true;
   } else if (!!tempMenu.value && tempMenu.value.name === '格点雨量') {
     showRainfall.value = true;
+  } else if (!!tempMenu.value && tempMenu.value.name === '定点分析') {
+    const item = deepClone(tempMenu.value);
+    const nowLocation = deepClone(location.value);
+    tempMenu.value = {};
+    map.off('click', handleClickMap);
+    rightMenuRef.value.updateMenu(item.checked ? '1' : '2', item, nowLocation);
   }
 };
 let showWarehouse = ref(false);