高德地图引入Vue项目步骤

1.修改vue.config.js

在module.exports中的configureWebpack中添加下面的配置信息

 

 2.修改index.html

在index.html中添加 JS API 的入口脚本标签，并将其中「您申请的key值」替换为在高德地图开发者平台上申请的 key；

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>

若需要同步引入插件可以参考下面的格式

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值&plugin=AMap.ToolBar"></script>

3.在其他template中可以愉快的使用了