场景：vue3+ts+高德地图2.0，地图卡顿，缩放、拖拽等卡住

解决思路：

  1. 如果是挂载罗盘、控制控件、鹰眼地图...太多组件，可根据实际需求去除用不到的组件
  2. 检查地图插件版本，将版本更新到较稳定的新版本
  3. 将地图挂载到window上

关于将全局变量添加到window上

  1. 创建一个.d.ts后缀的文件，例如index.d.ts

  2. 在index.d.ts文件中

    // 全局参数定义 ，export {};不可缺少
export {};
declare global {
  interface Window {
    mymap: any;
  }
}

  3. 在地图页将地图对象挂载到全局

    window.mymap = new AMap.Map("container", {
  // 地图配置
})

如果提示变量找不到，如Property 'mymap' does not exist on type 'Window & typeof globalThis'. Did you mean 'Map'?检查tsconfig.json文件，在include中配置之前创建的index.d.ts路径即可

最后修改：2024 年 08 月 05 日
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏