地图线上环境不显示问题更新

husq

2023-09-14 aad9909103473de08732b25c61c28e02f9835c9c

地图线上环境不显示问题更新

 src/components/GMap.vue

@@ -652,7 +652,8 @@
    // 连接或断开drc
    useConnectMqtt()

    onMounted(() => {
    onMounted(async () => {
      await nextTick()
      const app = getApp()
      useGMapManageHook.globalPropertiesConfig(app)
    })

 src/hooks/use-g-map.ts

@@ -10,22 +10,27 @@
  })

  async function initMap (container: string, app:App) {
    AMapLoader.load({
      ...AMapConfig
    }).then((AMap) => {
      state.aMap = AMap
      state.map = new AMap.Map(container, {
        center: [113.943225499, 22.577673716],
        zoom: 15
      })
      state.mouseTool = new AMap.MouseTool(state.map)
    return new Promise((resolve, reject) => {
      AMapLoader.load({
        ...AMapConfig
      }).then((AMap) => {
        console.log(AMap, 'AMap')
        state.aMap = AMap
        state.map = new AMap.Map(container, {
          center: [113.943225499, 22.577673716],
          zoom: 15
        })
        state.mouseTool = new AMap.MouseTool(state.map)

      // 挂在到全局
      app.config.globalProperties.$aMap = state.aMap
      app.config.globalProperties.$map = state.map
      app.config.globalProperties.$mouseTool = state.mouseTool
    }).catch(e => {
      console.log(e)
        // 挂在到全局
        app.config.globalProperties.$aMap = state.aMap
        app.config.globalProperties.$map = state.map
        app.config.globalProperties.$mouseTool = state.mouseTool
        resolve(state.map)
      }).catch(e => {
        console.log(e)
        reject(e)
      })
    })
  }