| | |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <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> |
|---|
