vue使用高德地图el-amap-polygon（多边形）

最新推荐文章于 2024-09-11 08:22:40 发布

czp555

最新推荐文章于 2024-09-11 08:22:40 发布

阅读量8k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/czp555/article/details/102563158

版权

vue 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

本文解决了一个常见的Vue应用中使用高德地图AMap.PolyEditor组件时遇到的“AMap.PolyEditor is not a constructor”错误。通过检查发现，问题源于在index.html文件中直接引入高德地图API而未正确使用Vue插件方式。移除index.html中的直接引用后，错误得以解决。

摘要由CSDN通过智能技术生成

vue使用高德地图el-amap-polygon（多边形）报错 AMap.PolyEditor is not a constructor

1.npm 的确导入过vue-amap

2.初始化过

import VueAMap from 'vue-amap';
Vue.use(VueAMap);
VueAMap.initAMapApiLoader({
    key: 'cc42d4d69dd89e5954cbdc00cf784929a6',
    plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor'],
    // 默认高德 sdk 版本为 1.4.4
    v: '1.4.4'
});

3.初始化插件中引入了AMap.PolyEditor

4.一直提示上述错误

冷汗最后发现 index.html页面也用引入过，却没有使用插件 AMap.PolyEditor 去掉index.html的引入即可