前端获取当前经纬度（gps，高德）

方法介绍： 

1. 该方法是个  promise  对象，因为不管是用 GPS 还是高德定位都是异步的

2. 方法优先是用 h5 自带 API 进行 GPS 定位，如果获取不到位置会使用高德定位（高德定位需要高德的key），如果都没获取到，那就经纬度都返回 0

3. 该 promise 封装的很拙略，能力至此，会慢慢优化的，本来使用的正常方法加回调函数处理获取到的经纬度，但考虑再三还是使用 promise 能好点

注意： 

1. 现在很多浏览器需要加密协议的链接才能获取到用户位置，保险起见，请使用加密协议的链接

2. 使用高德定位需要在高德那里申请key

3. 如果需要精度高或者后续还要使用高德地图对经纬度做其他处理，需要将 gps 获取到的经纬度转成高德经纬度，项目头部引得 GPS2AMAP就是处理这个的，代码在下面

/* 
  该方法暴露出去的是一个promise，经纬度在resolve的第一个参数里
  使用方法：  startLocation.then(({lat, lng}) => {这里就是你的方法})
*/

// 将gps 经纬度转为高德经纬度，精度要求高的需要这个东西
import {
  GPS
} from './GPS2AMAP'
let callback = null // promise 的 resolve会赋值给这个函数
// gps 定位成功回调
const onSuccess = (position) => {
  const {
    latitude: lat,
    longitude: lng
  } = position.coords
  const exchange = GPS.gcj_encrypt(Number.parseFloat(lat), Number.parseFloat(lng)) // 对精度要求不高可以省略这步，把上面获取到的经纬度直接传给saveLocation
  console.log('gps定位', `${exchange.lat}-${exchange.lng}`)
  saveLocation(exchange.lat, exchange.lng)
}
// gps 定位失败回调
const onError = () => {
  initAMAP()
  console.error('gps失败')
}
// 初始化高德，加载高德js
const initAMAP = () => {
  const key = 'xxxxxxxxxxx', // 从高德买来的key
        MP = new Promise(function (resolve, reject) {
          window.init = function () {
            resolve(AMap)
          };
          let script = document.createElement("script");
          script.type = "text/javascript";
          script.src = "//webapi.amap.com/maps?v=1.4.6&key="+key+"&callback=init";
          script.onerror = reject;
          document.head.appendChild(script);
        })
  MP.then(function (AMap) {
    startAMAPLocation(AMap)
  }).catch(err=>{
    console.error(JSON.stringify(err));
  })
}

// 开始高德定位
const startAMAPLocation = (AMap) => {
  AMap.plugin('AMap.Geolocation', function () {
    var geolocation = new AMap.Geolocation({
      enableHighAccuracy: true, //是否使用高精度定位，默认:true
      timeout: 8000, //超过10秒后停止定位，默认：5s
      buttonPosition: 'RB', //定位按钮的停靠位置
      buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
      zoomToAccuracy: true, //定位成功后是否自动调整地图视野到定位点
    });
    // map.addControl(geolocation);
    geolocation.getCurrentPosition(function (status, result) {
      if (status == 'complete') {
        console.log('高德: ', `${result.position.lat},${result.position.lng}`)
        saveLocation(result.position.lat, result.position.lng)
      } else {
        console.error('高德失败')
        saveLocation(0, 0)
      }
    });
  });
}
// 处理获取到的经纬度
const saveLocation = (lat = 0, lng = 0) => {
  lat && (lat = parseFloat(lat).toFixed(6))
  lng && (lng = parseFloat(lng).toFixed(6))
  typeof callback === 'function' && callback({lat, lng})
}

// promise, resolve的第一个参数就是经纬度，
const startLocation = new Promise((resolve, reject) => {
  callback = resolve
  const options = {
    enableHighAccuracy: true,
    maximumAge: 1000,
    timeout: 5000
  }
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(onSuccess, onError, options)
  } else {
    saveLocation(0, 0)
    console.error('您的浏览器不支持地理位置定位')
  }
})
export default startLocation

这里 GPS2AMAP.js ,这个方法是这位老哥的，去吧，皮噶求

export const GPS = {
  PI : 3.14159265358979324,
  x_pi : 3.14159265358979324 * 3000.0 / 180.0,
  delta : function (lat, lng) {
      var a = 6378245.0; //  a: 卫星椭球坐标投影到平面地图坐标系的投影因子。
      var ee = 0.00669342162296594323; //  ee: 椭球的偏心率。
      var dLat = this.transformLat(lng - 105.0, lat - 35.0);
      var dlng = this.transformlng(lng - 105.0, lat - 35.0);
      var radLat = lat / 180.0 * this.PI;
      var magic = Math.sin(radLat);
      magic = 1 - ee * magic * magic;
      var sqrtMagic = Math.sqrt(magic);
      dLat = (dLat * 180.0) / ((a * (1 - ee)) / (magic * sqrtMagic) * this.PI);
      dlng = (dlng * 180.0) / (a / sqrtMagic * Math.cos(radLat) * this.PI);
      return {'lat': dLat, 'lng': dlng};
  },

  //GPS---高德
  gcj_encrypt : function ( wgsLat , wgslng ) {
      if (this.outOfChina(wgsLat, wgslng))
          return {'lat': wgsLat, 'lng': wgslng};

      var d = this.delta(wgsLat, wgslng);
      return {'lat' : wgsLat + d.lat,'lng' : wgslng + d.lng};
  },
  outOfChina : function (lat, lng) {
      if (lng < 72.004 || lng > 137.8347)
          return true;
      if (lat < 0.8293 || lat > 55.8271)
          return true;
      return false;
  },
  transformLat : function (x, y) {
      var ret = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x));
      ret += (20.0 * Math.sin(6.0 * x * this.PI) + 20.0 * Math.sin(2.0 * x * this.PI)) * 2.0 / 3.0;
      ret += (20.0 * Math.sin(y * this.PI) + 40.0 * Math.sin(y / 3.0 * this.PI)) * 2.0 / 3.0;
      ret += (160.0 * Math.sin(y / 12.0 * this.PI) + 320 * Math.sin(y * this.PI / 30.0)) * 2.0 / 3.0;
      return ret;
  },
  transformlng : function (x, y) {
      var ret = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x));
      ret += (20.0 * Math.sin(6.0 * x * this.PI) + 20.0 * Math.sin(2.0 * x * this.PI)) * 2.0 / 3.0;
      ret += (20.0 * Math.sin(x * this.PI) + 40.0 * Math.sin(x / 3.0 * this.PI)) * 2.0 / 3.0;
      ret += (150.0 * Math.sin(x / 12.0 * this.PI) + 300.0 * Math.sin(x / 30.0 * this.PI)) * 2.0 / 3.0;
      return ret;
  }
};

以上