vue移动端进入页面获取当前地理位置实现方法

话不多说，直接写方法步骤，需要的直接拿去放在自己项目中即可使用
先看下效果图：

第一步：在项目中index.html文件中引入高德地图，如图所示：
 

 <!-- 获取地理位置 -->
  <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.3&key=d4332e5adb8b584442266763d20b978c"></script>

 

第二步：在项目中创建一个js文件，然后把下面的代码全部拷贝进去

/**
 * 高德地图定位
 * @type {
  {}}
 */
export const location =  {
  initMap(id){
    let mapObj = new AMap.Map(id, {})
    let geolocation;
    mapObj.plugin(