jufubao-third 1.0.21 → 1.0.22-beta10

package/src/mixins/getCoordinatesMixins.js

@@ -0,0 +1,407 @@
+'use strict';
+//#ifdef H5
+import {mapActions} from "vuex";
+//#endif
+import {isWechat} from "@/utils/xd.base";
+
+export default  {
+  data(){
+    return {
+      lastSuccessCoords:null,
+
+      //#ifdef H5
+      jwxCoordinatesSDK:null,
+      //#endif
+
+      // #ifdef MP-WEIXIN
+      mpLocationFn:'getFuzzyLocation',
+      // #endif
+    }
+  },
+  created() {
+    // #ifdef MP-WEIXIN
+    //判断小程序是否使用精准定位
+    if(this.$configProject['privacy_interface_list']) {
+      this.$configProject['privacy_interface_list'].map(item=>{
+        if(item['api_name'] === 'wx.getLocation') {
+          this.mpLocationFn = 'getLocation';
+        }
+      })
+    }
+    // #endif
+  },
+  methods:{
+    /**
+     * @description 获取位置信息
+     * @return {Promise<unknown>}
+     */
+    getCoordinates() {
+      return new Promise((resolve, reject) => {
+        //#ifdef H5
+        if (isWechat()) {
+          this.getH5WXLocation().then(res => {
+            resolve(res);
+          }).catch(err => {
+            //微信定位失败，降级到百度定位/原生定位
+            this.getH5FallbackLocation(err, resolve, reject);
+          });
+          return;
+        }
+
+        //百度定位
+        if(this.$settings.baiduAk) {
+          this.getBaiduLocation().then(res => {
+            resolve(res);
+          }).catch(err => {
+            reject(err);
+          });
+          return;
+        }
+
+        //H5原生定位兜底
+        if(window.navigator.geolocation) {
+          this.getH5NativeLocation().then(res => {
+            resolve(res);
+          }).catch(err => {
+            reject(err);
+          });
+          return;
+        }
+        //所有定位方式均不可用，直接拒绝避免 Promise 悬挂
+        reject('当前环境不支持定位');
+        // #endif
+
+        // #ifdef MP-WEIXIN
+        this.getWxLocation().then(res => {
+          resolve(res);
+        }).catch(err => {
+          reject(err);
+        });
+        // #endif
+      });
+
+    },
+
+    /**
+     * @description 火星转百度坐标
+     * @param lng
+     * @param lat
+     * @returns {{latitude: *, longitude: *}}
+     */
+    gcj02ToBaiduLatAndLng(lng, lat) {
+      const X_PI = 3.14159265358979324 * 3000.0 / 180.0;
+      const PI = 3.1415926535897932384626;
+      const A = 6378245.0;
+      const EE = 0.00669342162296594323;
+
+      lat = +lat;
+      lng = +lng;
+      let z = Math.sqrt(lng * lng + lat * lat) + 0.00002 * Math.sin(lat * X_PI);
+      let theta = Math.atan2(lat, lng) + 0.000003 * Math.cos(lng * X_PI);
+      let bd_lng = z * Math.cos(theta) + 0.0065;
+      let bd_lat = z * Math.sin(theta) + 0.006;
+      return {longitude: bd_lng, latitude:bd_lat}
+    },
+
+    /**
+     * @description 通用定位执行器：超时 + 防重复 + 成功缓存 + 失败兜底
+     * @param locateFn {Function} 发起定位的函数，接收 {type, success, fail, cancel}
+     * @param resolve {Function}
+     * @param reject {Function}
+     * @param isTargetCoords {Boolean} 是否已是目标坐标系(BD-09)，true则跳过 gcj02→bd09 转换
+     */
+    locateWithFallback(locateFn, resolve, reject, isTargetCoords = false){
+      let done = false;
+      let timer = null;
+
+      //统一收尾：成功保存坐标，失败/超时兜底返回上次成功坐标
+      const finish = (isSuccess, val) => {
+        if (done) return;
+        done = true;
+        clearTimeout(timer);
+        if (isSuccess) {
+          this.lastSuccessCoords = val;
+          resolve(val);
+        } else if (this.lastSuccessCoords) {
+          resolve(this.lastSuccessCoords);
+        } else {
+          reject(val);
+        }
+      };
+
+      //5秒超时设置
+      timer = setTimeout(() => {
+        finish(false, '定位超时');
+      }, 5000);
+
+      //发起定位
+      locateFn({
+        type: 'gcj02',
+        success: (res) => {
+          const lng = Number(res.longitude);
+          const lat = Number(res.latitude);
+          //坐标有效性校验，避免 NaN 进入缓存
+          if (!Number.isFinite(lng) || !Number.isFinite(lat)) {
+            finish(false, '定位坐标无效');
+            return;
+          }
+          const coords = isTargetCoords
+            ? {longitude: lng, latitude: lat}
+            : this.gcj02ToBaiduLatAndLng(lng, lat);
+          coords.accuracy = res.accuracy !== undefined ? res.accuracy : null;
+          finish(true, coords);
+        },
+        fail: () => finish(false, '定位失败'),
+        cancel: () => finish(false, '定位取消')
+      });
+    },
+
+
+    //#ifdef H5
+    ...mapActions(['getH5WxAuthorize']),
+
+    /**
+     * @description 初始化微信定位信息
+     * @return {Promise<unknown>}
+     */
+    initH5WXLocation(){
+      return new Promise((resolve, reject) => {
+        //已经初始化
+        if(this.jwxCoordinatesSDK !== null){
+          resolve(this.jwxCoordinatesSDK );
+          return
+        }
+        //未初始化，10s授权超时兜底，避免 Promise 悬挂
+        let authorizeTimer = setTimeout(() => {
+          reject('微信授权超时');
+        }, 10000);
+        this.getH5WxAuthorize({jsApiList: ['openLocation', 'getLocation']})
+          .then(({jwxSDK}) => {
+            clearTimeout(authorizeTimer);
+            this.jwxCoordinatesSDK = jwxSDK;
+            resolve(jwxSDK)
+          })
+          .catch(res => {
+            clearTimeout(authorizeTimer);
+            reject('微信授权失败')
+          });
+      });
+    },
+
+    /**
+     * @description 微信环境获取位置
+     */
+    getH5WXLocation(){
+      return new Promise((resolve, reject) => {
+        this.initH5WXLocation()
+          .then(jwxSDK => {
+            this.locateWithFallback((opts) => jwxSDK.getLocation(opts), resolve, reject);
+          })
+          .catch(err => reject(err));
+      });
+    },
+
+    /**
+     * @description 微信H5定位失败后的降级定位（百度 → 原生）
+     * @param originErr 原始错误信息
+     * @param resolve {Function}
+     * @param reject {Function}
+     */
+    getH5FallbackLocation(originErr, resolve, reject){
+      if(this.$settings.baiduAk) {
+        this.getBaiduLocation()
+          .then(resolve)
+          .catch(() => {
+            if(window.navigator.geolocation) {
+              this.getH5NativeLocation().then(resolve).catch(() => reject(originErr || '定位失败'));
+            } else {
+              reject(originErr || '定位失败');
+            }
+          });
+      } else if(window.navigator.geolocation) {
+        this.getH5NativeLocation().then(resolve).catch(() => reject(originErr || '定位失败'));
+      } else {
+        reject(originErr || '定位失败');
+      }
+    },
+
+    /**
+     * @description 加载百度地图JS SDK（v3.0 经典版）
+     * @description 已加载直接复用；加载中复用缓存 Promise，避免重复创建 script 下载 SDK
+     * @returns {Promise<BMap>}
+     */
+    loadBaiduMapSDK(){
+      //已加载完成，直接复用
+      if (window.BMap && !window.BMap._preloader) {
+        return Promise.resolve(window.BMap);
+      }
+      //加载中，复用同一个 Promise
+      if (window.BMap && window.BMap._preloader) {
+        return window.BMap._preloader;
+      }
+      const ak = this.$settings.baiduAk;
+      if (!ak) {
+        return Promise.reject('百度AK未配置');
+      }
+      //未加载：创建加载流程，缓存 Promise 供并发调用复用
+      window.BMap = window.BMap || {};
+      window.BMap._preloader = new Promise((resolve, reject) => {
+        //10s加载超时兜底，避免回调不触发导致 Promise 悬挂
+        let sdkTimer = setTimeout(() => {
+          delete window._initBaiduMap;
+          window.BMap._preloader = null;
+          window.BMap = null;
+          reject('百度地图SDK加载超时');
+        }, 10000);
+
+        //百度地图SDK加载回调
+        window._initBaiduMap = () => {
+          clearTimeout(sdkTimer);
+          window.BMap._preloader = null;
+          delete window._initBaiduMap;
+          resolve(window.BMap);
+        };
+
+        //创建script标签加载百度地图SDK
+        const script = document.createElement('script');
+        script.src = `https://api.map.baidu.com/api?v=3.0&ak=${ak}&callback=_initBaiduMap`;
+        script.onerror = () => {
+          clearTimeout(sdkTimer);
+          window.BMap._preloader = null;
+          window.BMap = null;
+          delete window._initBaiduMap;
+          reject('百度地图SDK加载失败');
+        };
+        document.head.appendChild(script);
+      });
+      return window.BMap._preloader;
+    },
+
+    /**
+     * @description 百度定位（BMap.Geolocation，返回 BD-09 坐标）
+     */
+    getBaiduLocation(){
+      return new Promise((resolve, reject) => {
+        this.loadBaiduMapSDK()
+          .then(BMap => {
+            //百度返回 bd09，isTargetCoords=true 跳过 gcj02→bd09 转换
+            this.locateWithFallback((opts) => {
+              const geolocation = new BMap.Geolocation();
+              geolocation.getCurrentPosition(
+                (location) => opts.success({
+                  longitude: location.point.lng,
+                  latitude: location.point.lat,
+                  accuracy: location.accuracy
+                }),
+                (err) => opts.fail && opts.fail(err)
+              );
+            }, resolve, reject, true);
+          })
+          .catch(err => reject(err));
+      });
+    },
+
+    /**
+     * @description 获取H5原生位置（navigator.geolocation，WGS-84 → GCJ-02 → BD-09）
+     */
+    getH5NativeLocation(){
+      return new Promise((resolve, reject) => {
+        this.locateWithFallback((opts) => {
+          window.navigator.geolocation.getCurrentPosition(
+            (pos) => {
+              //WGS-84 转 GCJ-02，交由执行器再转 BD-09
+              const gcj02 = this.wgs84ToGcj02LatAndLng(pos.coords.longitude, pos.coords.latitude);
+              gcj02.accuracy = pos.coords.accuracy !== undefined ? pos.coords.accuracy : null;
+              opts.success(gcj02);
+            },
+            (err) => opts.fail && opts.fail(err),
+            { enableHighAccuracy: true, timeout: 10000, maximumAge: 0 }
+          );
+        }, resolve, reject);
+      });
+    },
+
+    /**
+     * @description WGS-84 转 GCJ-02（火星坐标）
+     * @param lng {Number} 经度
+     * @param lat {Number} 纬度
+     * @returns {{longitude: *, latitude: *}}
+     */
+    wgs84ToGcj02LatAndLng(lng, lat) {
+      const PI = 3.1415926535897932384626;
+      const a = 6378245.0;
+      const ee = 0.00669342162296594323;
+
+      //中国境外无需偏移，直接返回
+      if (lng < 72.004 || lng > 137.8347 || lat < 0.8293 || lat > 55.8271) {
+        return {longitude: lng, latitude: lat};
+      }
+
+      const transformLat = (x, y) => {
+        let 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 * PI) + 20.0 * Math.sin(2.0 * x * PI)) * 2.0 / 3.0;
+        ret += (20.0 * Math.sin(y * PI) + 40.0 * Math.sin(y / 3.0 * PI)) * 2.0 / 3.0;
+        ret += (160.0 * Math.sin(y / 12.0 * PI) + 320.0 * Math.sin(y * PI / 30.0)) * 2.0 / 3.0;
+        return ret;
+      };
+
+      const transformLng = (x, y) => {
+        let 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 * PI) + 20.0 * Math.sin(2.0 * x * PI)) * 2.0 / 3.0;
+        ret += (20.0 * Math.sin(x * PI) + 40.0 * Math.sin(x / 3.0 * PI)) * 2.0 / 3.0;
+        ret += (150.0 * Math.sin(x / 12.0 * PI) + 300.0 * Math.sin(x / 30.0 * PI)) * 2.0 / 3.0;
+        return ret;
+      };
+
+      let dLat = transformLat(lng - 105.0, lat - 35.0);
+      let dLng = transformLng(lng - 105.0, lat - 35.0);
+      const radLat = lat / 180.0 * PI;
+      let magic = Math.sin(radLat);
+      magic = 1 - ee * magic * magic;
+      const sqrtMagic = Math.sqrt(magic);
+      dLat = (dLat * 180.0) / ((a * (1 - ee)) / (magic * sqrtMagic) * PI);
+      dLng = (dLng * 180.0) / (a / sqrtMagic * Math.cos(radLat) * PI);
+      return {longitude: lng + dLng, latitude: lat + dLat};
+    },
+    //#endif
+
+    // #ifdef MP-WEIXIN
+    /**
+     * @description 小程序获取位置
+     * @description 根据 mpLocationFn 选择调用 getFuzzyLocation(模糊，无需授权) 或 getLocation(精确，需授权)
+     */
+    getWxLocation(){
+      return new Promise((resolve, reject) => {
+        const locationFn = this.mpLocationFn || 'getFuzzyLocation';
+
+        const doLocate = () => {
+          this.locateWithFallback((opts) => uni[locationFn](opts), resolve, reject);
+        };
+
+        //精确 getLocation 需要 scope.userLocation 授权
+        if (locationFn === 'getLocation') {
+          uni.getSetting({
+            success: (res) => {
+              if (res.authSetting['scope.userLocation']) {
+                doLocate();
+              } else {
+                uni.authorize({
+                  scope: 'scope.userLocation',
+                  success: doLocate,
+                  fail: () => reject('定位权限被拒绝')
+                });
+              }
+            },
+            fail: () => reject('获取授权设置失败')
+          });
+        }
+        else {
+          //getFuzzyLocation 模糊定位，无需授权
+          doLocate();
+        }
+      });
+    },
+    // #endif
+
+  }
+}