吉安感知网项目-前端
shuishen
2026-02-03 89380e6260a75d1d3b94de687ebcc2f50d50659d
applications/drone-command/src/views/dataCenter/components/dataCenterMap.vue
@@ -1,12 +1,12 @@
<template>
  <el-dialog modal-class="mapDialog"  v-model="isShow" width="80%" class="ztzf-dialog-mange">
  <el-dialog modal-class="mapDialog"  v-model="isShow" width="80%" class="command-dialog-mange">
     <template #header="{ titleId, titleClass }">
          <div class="my-header">
            <h4 :id="titleId" :class="titleClass">定位</h4>
          </div>
        </template>
    <div class="mapBox">
      <div v-if="isShow" id="dataCenterMap" class="ztzf-cesium"></div>
      <div v-if="isShow" id="dataCenterMap" class="command-cesium"></div>
    </div>
  </el-dialog>
</template>
@@ -72,8 +72,11 @@
const removeDom = () => {
  const dom = document.querySelector('#mapPopUpBox');
  if (dom && dom.parentNode) {
    dom.parentNode.removeChild(dom);
  if (dom) {
    render(null, dom);
    if (dom.parentNode) {
      dom.parentNode.removeChild(dom);
    }
  }
};
// 移除弹框标签
@@ -233,7 +236,7 @@
};
// 地图接口
const loading = ref(false);
const loading = ref(true);
const getMapInfoAPIFun = async ids => {
  try {
    const res = await getMapInfoAPI(ids);
@@ -290,6 +293,7 @@
onMounted(() => {});
onBeforeUnmount(() => {
  removeLabel();
  if (viewer) {
    viewer.destroy();
  }