智慧园区前端大屏
shuishen
2024-12-18 9a37c5e1b2190c3f6ec71483923922189091dd52
src/hooks/initMap.js
@@ -1,63 +0,0 @@
/*
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2024-10-25 15:09:55
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-11-22 14:54:14
 * @FilePath: \bigScreen\src\hooks\initMap.js
 * @Description:
 *
 * Copyright (c) 2024 by shuishen, All Rights Reserved.
 */
window.$viewer = 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'
export function readyViewer () {
  const store = useMap()
  function initMap () {
    if (window.$viewer) return
    nextTick(() => {
      DC.ready({
        // Cesium: Cesium,
        baseUrl: `${VITE_APP_BASE}libs/dc-sdk/resources/`,
        turf,
      }).then(() => {
        window.$viewer = new DC.Viewer('viewer-container')
        window.$viewer.locationBar.enable = true
        window.$viewer.zoomToPosition(new DC.Position(
          115.1048036679409,
          27.276835758787513,
          4000,
          0,
          -90,
          0
        ), () => {
          store.setLoadMap(true)
        })
      })
    })
  }
  onMounted(() => {
    initMap()
  })
  onUnmounted(() => {
    window.$viewer.destroy()
    window.$viewer = null
    delete window.$viewer
    store.setLoadMap(false)
  })
  return {
  }
}