/*
|
* @Author: shuishen 1109946754@qq.com
|
* @Date: 2024-10-25 15:09:55
|
* @LastEditors: shuishen 1109946754@qq.com
|
* @LastEditTime: 2024-10-30 18:09:34
|
* @FilePath: \bigScreen\src\hooks\initMap.js
|
* @Description:
|
*
|
* Copyright (c) 2024 by shuishen, All Rights Reserved.
|
*/
|
let viewer = null
|
const { VITE_APP_BASE } = import.meta.env
|
import { useMap } from 'store/map'
|
import { nextTick } from 'vue'
|
|
export function readyViewer () {
|
const Cesium = DC.getLib('Cesium')
|
const { appContext } = getCurrentInstance()
|
const store = useMap()
|
|
function initMap () {
|
if (viewer) return
|
|
nextTick(() => {
|
DC.ready({
|
baseUrl: `${VITE_APP_BASE}/libs/dc-sdk/resources/`
|
}).then(() => {
|
|
viewer = new DC.Viewer('viewer-container')
|
|
const global = appContext.config.globalProperties
|
|
global.$viewer = viewer
|
|
store.setLoadMap(true)
|
|
// let layer = new DC.HtmlLayer('layer')
|
// viewer.addLayer(layer)
|
// let divIcon = new DC.DivIcon(
|
// new DC.Position(125, 25),
|
// `<div class="public-map-popup">
|
// <div class="marsBlueGradientPnl">
|
// <div>指挥室</div>
|
// </div>
|
// </div>`
|
// )
|
|
// divIcon.setStyle({
|
// })
|
// layer.addOverlay(divIcon)
|
})
|
})
|
}
|
|
initMap()
|
|
return {
|
|
}
|
}
|
