| | |
| | | <template> |
| | | <el-dialog modal-class="mapDialog" v-model="isShow" width="80%"> |
| | | <el-dialog modal-class="mapDialog" v-model="isShow" width="80%"> |
| | | <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> |
| | |
| | | flatMode: false, |
| | | terrain: false, |
| | | mapFilter: true, |
| | | layerMode: 4 |
| | | }); |
| | | viewer = publicCesiumInstance.getViewer(); |
| | | viewerRef.value = viewer; |
| | |
| | | try { |
| | | const res = await getMapInfoAPI(ids); |
| | | dataPointList.value = res.data.data || []; |
| | | |
| | | if (isMapInitialized.value && viewer) { |
| | | renderDataPoint(dataPointList.value); |
| | | } |
| | |
| | | height: 100%; |
| | | } |
| | | } |
| | | .my-header :deep(.el-dialog__title) { |
| | | margin: 0 !important; |
| | | height: 19px; |
| | | } |
| | | |
| | | .my-header { |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .el-button { |
| | | margin-left: 20px; |
| | | } |
| | | } |
| | | </style> |