| | |
|---|
| | | <div class="save-button"> |
|---|
| | | <SaveOutlined /> |
|---|
| | | </div> |
|---|
| | | <setting> |
|---|
| | | <setting v-model:loadCompleted="loadCompleted"> |
|---|
| | | <template #show> |
|---|
| | | <a-button type="text" class="setting-btn"> |
|---|
| | | <div class="router-setting"> |
|---|
| | |
|---|
| | | import _ from 'lodash' |
|---|
| | | import * as Cesium from 'cesium' |
|---|
| | | import setting from './components/setting.vue' |
|---|
| | | import useKmzTsa from '/@/utils/cesium/use-kmz-tsa' |
|---|
| | | import { ref, reactive, defineEmits, defineProps, watch, onMounted } from 'vue' |
|---|
| | | import { ArrowLeftOutlined, CaretDownOutlined, SaveOutlined } from '@ant-design/icons-vue' |
|---|
| | | import { cesiumOperation } from '/@/hooks/use-cesium-tsa' |
|---|
| | |
|---|
| | | // 样式 |
|---|
| | | const kmlEntities = ref<Cesium.Entity[]>([]) |
|---|
| | | |
|---|
| | | const loadCompleted = ref<boolean>(false) |
|---|
| | | |
|---|
| | | const initDrawRoute = () => { |
|---|
| | | const options = { |
|---|
| | | camera: global.$viewer.scene.camera, |
|---|
| | |
|---|
| | | waylineDetails: details, |
|---|
| | | waylinePointsEvent, |
|---|
| | | kmlEntities: entities, |
|---|
| | | clearWaylineData |
|---|
| | | } = mapDraw |
|---|
| | | clearWaylineData() |
|---|
| | | drawWayline() |
|---|
| | | useKmzTsa().init(filePath.value).then(kmlRes => { |
|---|
| | | loadCompleted.value = true |
|---|
| | | }) |
|---|
| | | waylineDetails.value = details |
|---|
| | | tragetPointArr.value = waylinePointsEvent.value |
|---|
| | | kmlEntities.value = entities.value |
|---|
| | | |
|---|
| | | if (!mouseRightClickEvent) { |
|---|
| | | // 添加右键事件 |
|---|
| | | addMapPointEvent() |
|---|
