智慧园区前端大屏
shuishen
2024-11-26 ecdffd165cf73c0e3c051c69d1dfdc71ba9331c8
src/hooks/initMap.js
@@ -2,25 +2,27 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2024-10-25 15:09:55
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-11-09 19:55:21
 * @LastEditTime: 2024-11-25 16:43:43
 * @FilePath: \bigScreen\src\hooks\initMap.js
 * @Description: 
 * 
 * Copyright (c) 2024 by shuishen, All Rights Reserved. 
 */
let viewer = null
window.$viewer = null
window.$Cesium = null
window.$turf = null
const { VITE_APP_BASE } = import.meta.env
import { useMap } from 'store/map'
import { nextTick, onMounted, onUnmounted } from 'vue'
import * as turf from '@turf/turf'
import * as Cesium from 'cesium'
import 'cesium/Build/Cesium/Widgets/widgets.css'
// import * as Cesium from 'cesium'
// import 'cesium/Build/Cesium/Widgets/widgets.css'
export function readyViewer () {
  const store = useMap()
  function initMap () {
    if (viewer) return
    if (window.$viewer) return
    nextTick(() => {
      DC.ready({
@@ -28,17 +30,18 @@
        baseUrl: `${VITE_APP_BASE}libs/dc-sdk/resources/`,
        turf,
      }).then(() => {
        window.$Cesium = DC.getLib('Cesium')
        window.$turf = DC.getLib('turf')
        viewer = new DC.Viewer('viewer-container')
        window.$viewer = viewer
        window.$viewer = new DC.Viewer('viewer-container')
        window.$viewer.locationBar.enable = true
        window.$viewer.zoomToPosition(new DC.Position(
          115.1048036679409,
          27.276835758787513,
          4000,
          115.1021,
          27.2360,
          5000,
          0,
          -90,
          -45,
          0
        ), () => {
          store.setLoadMap(true)
@@ -52,9 +55,13 @@
  })
  onUnmounted(() => {
    viewer.destroy()
    viewer = null
    window.$viewer.destroy()
    window.$viewer = null
    window.$Cesium = null
    window.$turf = null
    delete window.$viewer
    delete window.$Cesium
    delete window.$turf
    store.setLoadMap(false)
  })