项目引用高德地图,直接在index里面引入
<script src="https://webapi.amap.com/maps?v=1.4.15&key=。。。"></script>
<script src="https://webapi.amap.com/loca?v=1.3.2&key=。。。"></script>
<!-- 高德地图UI组件库 1.0 -->
<script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
然后页面使用AMap会提示undefined
在vue.confing.js中添加AMap
configureWebpack: config => {
config["externals"] = {
AMap: "AMap",
AMapUI: "AMapUI"
};
}
注:由于“config”中默认是没有定义 ”externals“属性的所以使用[]形式加入新属性
感谢连接:https://www.cnblogs.com/huanjinyuan/p/11389382.html