vue简单使用高德地图定位

1、获取key
我们需要到高德开放平台生成key

 

我这里选的是web端，提交后会生成一个key值

2、安装vue-amap

       npm install vue-amap --save

3、在项目main.js引入vue-amap

1    import AMap from 'vue-amap';
2    Vue.use(AMap);
3
4      // 初始化vue-amap
5    AMap.initAMapApiLoader({
6      // 高德key
7      key: '放入你的key',
8      // 插件集合 （插件按需引入）
8      plugin: ['AMap.Geolocation'] 
10      //AMap.Geolocation定位服务插件。融合了浏览器定位、高精度IP定位、安卓定位sdk辅助定位等多种            手段，提供了获取当前准确位置、获取当前城市信息、持续定位(浏览器定位)等功能。
11    });

3.使用

以上就是高德地图的简单使用
————————————————
版权声明：本文为CSDN博主「jlinbk」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/jlinbk/article/details/118335607