vue2项目中引入高德地图--1 简单应用

1.首先我们需要进入到高德地图的官方网站申请一个key和密钥 ，创建一个项目--首页 | 高德控制台

2.安装高德地图的包 --npm i @amap/amap-jsapi-loader --save
3.新建一个放地图的vue组件

4.具体代码如图

ps：附上代码片段
 

4.1需要给一个带宽高的div盒子 放置地图
4.2按需引入依赖
4.3安全密钥
4.4初始化地图 --如图配置项 （key：申请的key；version：版本；plugins：需要用到的插件列表） 
4.5 在then里面写固定的配置项（viewmode：选择是2d还是3d；zoom：地图的层级，越高显示越近；center：第一次进入页面经纬度显示的地点）

到此简单的地图就完成啦。