1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
| <template>
| <div class="ztzf-cesium map-container" id="cesium">
|
| </div>
| </template>
|
| <script setup>
| import { PublicCesium } from '@/utils/cesium/publicCesium'
| let viewInstance = null
| let viewer = null
| onMounted(() => {
| viewInstance = new PublicCesium({
| dom: 'cesium',
| flatMode: false,
| terrain: false,
| layerMode: 4,
| contour: false,
| })
|
| viewer = viewInstance.getViewer()
| })
|
| onBeforeUnmount(() => {
| if (viewInstance) {
| viewInstance?.destroy()
| viewInstance = null
| }
|
| viewer = null
| })
| </script>
|
| <style lang="scss" scoped>
| .map-container {
| position: absolute;
| top: 0;
| left: 0;
| width: 100%;
| height: 100%;
| }
| </style>
|
|
