vue简单使用高德地图定位

1.获取key

我们需要到高德开放平台生成key

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

2.安装vue-amap

npm install vue-amap --save

在项目main.js引入vue-amap

import AMap from 'vue-amap';
Vue.use(AMap);

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

3.使用

<template&g