在vue-cli3 项目中 引入AMap高德地图的实现代码
在vue-cli3如何 引入并使用高德地图高德地图开发平台api接口:https://lbs.amap.com/api/javascript-api/guide/abc/prepare1.引入<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值">&...
·
在vue-cli3 如何 引入并使用高德地图
高德地图开发平台api接口:https://lbs.amap.com/api/javascript-api/guide/abc/prepare
1.引入
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>
2.配置 Webpack
项目根目录新建配置文件 vue.config.js,填入内容:
module.exports = {
configureWebpack: {
externals: {
AMap: "window.AMap"
}
}
};
3.页面上的使用
小记:如果不加上eslint 校验,第二步可以忽略掉,第三步中,也不用引入AMap ,可以直接使用。
更多推荐
已为社区贡献14条内容
所有评论(0)