refactor(components): ♻️ updated

zouyaoji · Feb 29, 2024 · b805ab3 · b805ab3
1 parent c5b302a
commit b805ab3
Show file tree

Hide file tree

Showing 4 changed files with 158 additions and 160 deletions.
diff --git a/packages/components/providers/baidu/BaiduMapImageryProvider.ts b/packages/components/providers/baidu/BaiduMapImageryProvider.ts
@@ -49,7 +49,7 @@ class BaiduMapImageryProvider {
       if (options.mapStyle === 'img') {
         this._url = `//maponline{s}.bdimg.com/starpic/u=x={x};y={y};z={z};v=009;type=sate&qt=satepc&app=webearth2&udt={udt}&fm=46&v=009`
       } else if (options.mapStyle === 'vec') {
-        this._url = `//maponline{s}.bdimg.com/tile/?qt={qt}&x={x}&y={y}&z={z}&styles={styles}&scaler={scale}&udt={udt}&from=jsapi2_0&showtext={showtext}`
+        this._url = `//maponline{s}.bdimg.com/tile/?qt={qt}&x={x}&y={y}&z={z}&styles={styles}&scaler={scale}&udt={udt}&from=jsapi3_0&showtext={showtext}`
       } else if (options.mapStyle === 'traffic') {
         this._url = `https://its.map.baidu.com/traffic/TrafficTileService?time={time}&label={labelStyle}&v=016&level={z}&x={x}&y={y}&scaler={scale}`
       } else {

diff --git a/packages/components/providers/baidu/BaiduMapMercatorProjection.ts b/packages/components/providers/baidu/BaiduMapMercatorProjection.ts
@@ -1,6 +1,64 @@
 import Point from './Point'
 import Pixel from './Pixel'
 
+// static EARTHRADIUS = 6370996.81
+const EARTHRADIUS = 6378137
+const MCBAND = [12890594.86, 8362377.87, 5591021, 3481989.83, 1678043.12, 0]
+const LLBAND = [75, 60, 45, 30, 15, 0]
+const MC2LL = [
+  [
+    1.410526172116255e-8, 0.00000898305509648872, -1.9939833816331, 200.9824383106796, -187.2403703815547, 91.6087516669843, -23.38765649603339,
+    2.57121317296198, -0.03801003308653, 17337981.2
+  ],
+  [
+    -7.435856389565537e-9, 0.000008983055097726239, -0.78625201886289, 96.32687599759846, -1.85204757529826, -59.36935905485877, 47.40033549296737,
+    -16.50741931063887, 2.28786674699375, 10260144.86
+  ],
+  [
+    -3.030883460898826e-8, 0.00000898305509983578, 0.30071316287616, 59.74293618442277, 7.357984074871, -25.38371002664745, 13.45380521110908,
+    -3.29883767235584, 0.32710905363475, 6856817.37
+  ],
+  [
+    -1.981981304930552e-8, 0.000008983055099779535, 0.03278182852591, 40.31678527705744, 0.65659298677277, -4.44255534477492, 0.85341911805263,
+    0.12923347998204, -0.04625736007561, 4482777.06
+  ],
+  [
+    3.09191371068437e-9, 0.000008983055096812155, 0.00006995724062, 23.10934304144901, -0.00023663490511, -0.6321817810242, -0.00663494467273,
+    0.03430082397953, -0.00466043876332, 2555164.4
+  ],
+  [
+    2.890871144776878e-9, 0.000008983055095805407, -3.068298e-8, 7.47137025468032, -0.00000353937994, -0.02145144861037, -0.00001234426596,
+    0.00010322952773, -0.00000323890364, 826088.5
+  ]
+]
+
+const LL2MC = [
+  [
+    -0.0015702102444, 111320.7020616939, 1704480524535203, -10338987376042340, 26112667856603880, -35149669176653700, 26595700718403920,
+    -10725012454188240, 1800819912950474, 82.5
+  ],
+  [
+    0.0008277824516172526, 111320.7020463578, 647795574.6671607, -4082003173.641316, 10774905663.51142, -15171875531.51559, 12053065338.62167,
+    -5124939663.577472, 913311935.9512032, 67.5
+  ],
+  [
+    0.00337398766765, 111320.7020202162, 4481351.045890365, -23393751.19931662, 79682215.47186455, -115964993.2797253, 97236711.15602145,
+    -43661946.33752821, 8477230.501135234, 52.5
+  ],
+  [
+    0.00220636496208, 111320.7020209128, 51751.86112841131, 3796837.749470245, 992013.7397791013, -1221952.21711287, 1340652.697009075,
+    -620943.6990984312, 144416.9293806241, 37.5
+  ],
+  [
+    -0.0003441963504368392, 111320.7020576856, 278.2353980772752, 2485758.690035394, 6070.750963243378, 54821.18345352118, 9540.606633304236,
+    -2710.55326746645, 1405.483844121726, 22.5
+  ],
+  [
+    -0.0003218135878613132, 111320.7020701615, 0.00369383431289, 823725.6402795718, 0.46104986909093, 2351.343141331292, 1.58060784298199,
+    8.77738589078284, 0.37238884252424, 7.45
+  ]
+]
+
 /**
  * Projection used by [Baidu Map]{@link https://github.com/openlayers/openlayers/issues/3522}
  */
@@ -9,83 +67,23 @@ class BaiduMapMercatorProjection {
   //   super()
   // }
 
-  static EARTHRADIUS = 6370996.81
-  static MCBAND = [12890594.86, 8362377.87, 5591021, 3481989.83, 1678043.12, 0]
-  static LLBAND = [75, 60, 45, 30, 15, 0]
-  static MC2LL = [
-    [
-      1.410526172116255e-8, 8.98305509648872e-6, -1.9939833816331, 2.009824383106796e2, -1.872403703815547e2, 91.6087516669843, -23.38765649603339,
-      2.57121317296198, -0.03801003308653, 1.73379812e7
-    ],
-    [
-      -7.435856389565537e-9, 8.983055097726239e-6, -0.78625201886289, 96.32687599759846, -1.85204757529826, -59.36935905485877, 47.40033549296737,
-      -16.50741931063887, 2.28786674699375, 1.026014486e7
-    ],
-    [
-      -3.030883460898826e-8, 8.98305509983578e-6, 0.30071316287616, 59.74293618442277, 7.357984074871, -25.38371002664745, 13.45380521110908,
-      -3.29883767235584, 0.32710905363475, 6.85681737e6
-    ],
-    [
-      -1.981981304930552e-8, 8.983055099779535e-6, 0.03278182852591, 40.31678527705744, 0.65659298677277, -4.44255534477492, 0.85341911805263,
-      0.12923347998204, -0.04625736007561, 4.48277706e6
-    ],
-    [
-      3.09191371068437e-9, 8.983055096812155e-6, 0.00006995724062, 23.10934304144901, -0.00023663490511, -0.6321817810242, -0.00663494467273,
-      0.03430082397953, -0.00466043876332, 2.5551644e6
-    ],
-    [
-      2.890871144776878e-9, 8.983055095805407e-6, -0.00000003068298, 7.47137025468032, -0.00000353937994, -0.02145144861037, -0.00001234426596,
-      0.00010322952773, -0.00000323890364, 8.260885e5
-    ]
-  ]
-
-  static LL2MC = [
-    [
-      -0.0015702102444, 1.113207020616939e5, 1.704480524535203e15, -1.033898737604234e16, 2.611266785660388e16, -3.51496691766537e16,
-      2.659570071840392e16, -1.072501245418824e16, 1.800819912950474e15, 82.5
-    ],
-    [
-      8.277824516172526e-4, 1.113207020463578e5,
-      // eslint-disable-next-line no-loss-of-precision
-      // eslint-disable-next-line @typescript-eslint/no-loss-of-precision
-      6.477955746671608e8, -4.082003173641316e9, 1.077490566351142e10, -1.517187553151559e10, 1.205306533862167e10, -5.124939663577472e9,
-      9.133119359512032e8, 67.5
-    ],
-    [
-      0.00337398766765, 1.113207020202162e5, 4.481351045890365e6, -2.339375119931662e7, 7.968221547186455e7, -1.159649932797253e8,
-      9.723671115602145e7, -4.366194633752821e7, 8.477230501135234e6, 52.5
-    ],
-    [
-      0.00220636496208, 1.113207020209128e5, 5.175186112841131e4, 3.796837749470245e6, 9.920137397791013e5, -1.22195221711287e6, 1.340652697009075e6,
-      -6.209436990984312e5, 1.444169293806241e5, 37.5
-    ],
-    [
-      -3.441963504368392e-4, 1.113207020576856e5, 2.782353980772752e2, 2.485758690035394e6, 6.070750963243378e3, 5.482118345352118e4,
-      9.540606633304236e3, -2.71055326746645e3, 1.405483844121726e3, 22.5
-    ],
-    [
-      -3.218135878613132e-4, 1.113207020701615e5, 0.00369383431289, 8.237256402795718e5, 0.46104986909093, 2.351343141331292e3, 1.58060784298199,
-      8.77738589078284, 0.37238884252424, 7.45
-    ]
-  ]
-
   /**
    * 根据平面直角坐标计算两点间距离;
    * @param {Point} point1 平面直角点坐标1
    * @param {Point} point2 平面直角点坐标2;
    * @return {Number} 返回两点间的距离
    */
-  static getDistanceByMC = function (point1, point2) {
+  getDistanceByMC(point1, point2) {
     if (!point1 || !point2) return 0
-    point1 = BaiduMapMercatorProjection.convertMC2LL(point1)
+    point1 = this.inverse(point1)
     if (!point1) return 0
-    const x1 = BaiduMapMercatorProjection.toRadians(point1.lng)
-    const y1 = BaiduMapMercatorProjection.toRadians(point1.lat)
-    point2 = BaiduMapMercatorProjection.convertMC2LL(point2)
+    const x1 = toRadians(point1.lng)
+    const y1 = toRadians(point1.lat)
+    point2 = this.inverse(point2)
     if (!point2) return 0
-    const x2 = BaiduMapMercatorProjection.toRadians(point2.lng)
-    const y2 = BaiduMapMercatorProjection.toRadians(point2.lat)
-    return BaiduMapMercatorProjection.getDistance(x1, x2, y1, y2)
+    const x2 = toRadians(point2.lng)
+    const y2 = toRadians(point2.lat)
+    return getDistance(x1, x2, y1, y2)
   }
 
   /**
@@ -94,114 +92,63 @@ class BaiduMapMercatorProjection {
    * @param {Point} point2 经纬度点坐标2;
    * @return {Number} 返回两点间的距离
    */
-  static getDistanceByLL = function (point1, point2) {
+  getDistanceByLL(point1, point2) {
     if (!point1 || !point2) return 0
-    point1.lng = BaiduMapMercatorProjection.getLoop(point1.lng, -180, 180)
-    point1.lat = BaiduMapMercatorProjection.getRange(point1.lat, -74, 74)
-    point2.lng = BaiduMapMercatorProjection.getLoop(point2.lng, -180, 180)
-    point2.lat = BaiduMapMercatorProjection.getRange(point2.lat, -74, 74)
-    const x1 = BaiduMapMercatorProjection.toRadians(point1.lng)
-    const y1 = BaiduMapMercatorProjection.toRadians(point1.lat)
-    const x2 = BaiduMapMercatorProjection.toRadians(point2.lng)
-    const y2 = BaiduMapMercatorProjection.toRadians(point2.lat)
-    return BaiduMapMercatorProjection.getDistance(x1, x2, y1, y2)
+    point1.lng = getLoop(point1.lng, -180, 180)
+    point1.lat = getRange(point1.lat, -74, 74)
+    point2.lng = getLoop(point2.lng, -180, 180)
+    point2.lat = getRange(point2.lat, -74, 74)
+    const x1 = toRadians(point1.lng)
+    const y1 = toRadians(point1.lat)
+    const x2 = toRadians(point2.lng)
+    const y2 = toRadians(point2.lat)
+    return getDistance(x1, x2, y1, y2)
   }
 
   /**
    * 平面直角坐标转换成经纬度坐标;
    * @param {Point} point 平面直角坐标
    * @return {Point} 返回经纬度坐标
    */
-  static convertMC2LL = function (point) {
+  inverse(point) {
     let factor
     const temp = new Point(Math.abs(point.lng), Math.abs(point.lat))
-    for (let i = 0; i < BaiduMapMercatorProjection.MCBAND.length; i++) {
-      if (temp.lat >= BaiduMapMercatorProjection.MCBAND[i]) {
-        factor = BaiduMapMercatorProjection.MC2LL[i]
+    for (let i = 0; i < MCBAND.length; i++) {
+      if (temp.lat >= MCBAND[i]) {
+        factor = MC2LL[i]
         break
       }
     }
-    const lnglat = BaiduMapMercatorProjection.convertor(point, factor)
-    return new Point(lnglat?.lng.toFixed(6), lnglat?.lat.toFixed(6))
+    const lnglat = convertor(point, factor)
+    return new Point(lnglat?.lng, lnglat?.lat)
   }
 
   /**
    * 经纬度坐标转换成平面直角坐标;
    * @param {Point} point 经纬度坐标
    * @return {Point} 返回平面直角坐标
    */
-  static convertLL2MC = function (point) {
+  forward(point) {
     let factor
-    point.lng = BaiduMapMercatorProjection.getLoop(point.lng, -180, 180)
-    point.lat = BaiduMapMercatorProjection.getRange(point.lat, -74, 74)
+    point.lng = getLoop(point.lng, -180, 180)
+    point.lat = getRange(point.lat, -74, 74)
     const temp = new Point(point.lng, point.lat)
-    for (let i = 0; i < BaiduMapMercatorProjection.LLBAND.length; i++) {
-      if (temp.lat >= BaiduMapMercatorProjection.LLBAND[i]) {
-        factor = BaiduMapMercatorProjection.LL2MC[i]
+    for (let i = 0; i < LLBAND.length; i++) {
+      if (temp.lat >= LLBAND[i]) {
+        factor = LL2MC[i]
         break
       }
     }
     if (!factor) {
-      for (let i = BaiduMapMercatorProjection.LLBAND.length - 1; i >= 0; i--) {
-        if (temp.lat <= -BaiduMapMercatorProjection.LLBAND[i]) {
-          factor = BaiduMapMercatorProjection.LL2MC[i]
+      for (let i = LLBAND.length - 1; i >= 0; i--) {
+        if (temp.lat <= -LLBAND[i]) {
+          factor = LL2MC[i]
           break
         }
       }
     }
-    const mc = BaiduMapMercatorProjection.convertor(point, factor)
-    return new Point(mc?.lng.toFixed(2), mc?.lat.toFixed(2))
-  }
-
-  static convertor = function (fromPoint, factor) {
-    if (!fromPoint || !factor) {
-      return
-    }
-    let x = factor[0] + factor[1] * Math.abs(fromPoint.lng)
-    const temp = Math.abs(fromPoint.lat) / factor[9]
-    let y =
-      factor[2] +
-      factor[3] * temp +
-      factor[4] * temp * temp +
-      factor[5] * temp * temp * temp +
-      factor[6] * temp * temp * temp * temp +
-      factor[7] * temp * temp * temp * temp * temp +
-      factor[8] * temp * temp * temp * temp * temp * temp
-    x *= fromPoint.lng < 0 ? -1 : 1
-    y *= fromPoint.lat < 0 ? -1 : 1
-    return new Point(x, y)
-  }
-
-  static getDistance = function (x1, x2, y1, y2) {
-    return BaiduMapMercatorProjection.EARTHRADIUS * Math.acos(Math.sin(y1) * Math.sin(y2) + Math.cos(y1) * Math.cos(y2) * Math.cos(x2 - x1))
-  }
-
-  static toRadians = function (angdeg) {
-    return (Math.PI * angdeg) / 180
-  }
-
-  static toDegrees = function (angrad) {
-    return (180 * angrad) / Math.PI
-  }
-
-  static getRange = function (v, a, b) {
-    if (a != null) {
-      v = Math.max(v, a)
-    }
-    if (b != null) {
-      v = Math.min(v, b)
-    }
-    return v
-  }
-
-  static getLoop = function (v, a, b) {
-    while (v > b) {
-      v -= b - a
-    }
-    while (v < a) {
-      v += b - a
-    }
-    return v
+    const mc = convertor(point, factor)
+    return new Point(mc?.lng, mc?.lat)
   }
 
   /**
@@ -210,7 +157,7 @@ class BaiduMapMercatorProjection {
    * @return Point 墨卡托
    */
   lngLatToMercator(point, curCity?) {
-    return BaiduMapMercatorProjection.convertLL2MC(point)
+    return this.forward(point)
   }
 
   /**
@@ -219,7 +166,7 @@ class BaiduMapMercatorProjection {
    * @return Pixel 平面坐标
    */
   lngLatToPoint(point: Point): Pixel {
-    const mercator = BaiduMapMercatorProjection.convertLL2MC(point)
+    const mercator = this.forward(point)
     return new Pixel(mercator.lng, mercator.lat)
   }
 
@@ -229,7 +176,7 @@ class BaiduMapMercatorProjection {
    * @returns Point 经纬度
    */
   mercatorToLngLat(point, curCity?) {
-    return BaiduMapMercatorProjection.convertMC2LL(point)
+    return this.inverse(point)
   }
 
   /**
@@ -239,7 +186,7 @@ class BaiduMapMercatorProjection {
    */
   pointToLngLat(point) {
     const mercator = new Point(point.x, point.y)
-    return BaiduMapMercatorProjection.convertMC2LL(mercator)
+    return this.inverse(mercator)
   }
 
   /**
@@ -286,4 +233,55 @@ class BaiduMapMercatorProjection {
   }
 }
 
+function convertor(fromPoint, factor) {
+  if (!fromPoint || !factor) {
+    return
+  }
+  let x = factor[0] + factor[1] * Math.abs(fromPoint.lng)
+  const temp = Math.abs(fromPoint.lat) / factor[9]
+  let y =
+    factor[2] +
+    factor[3] * temp +
+    factor[4] * temp * temp +
+    factor[5] * temp * temp * temp +
+    factor[6] * temp * temp * temp * temp +
+    factor[7] * temp * temp * temp * temp * temp +
+    factor[8] * temp * temp * temp * temp * temp * temp
+  x *= fromPoint.lng < 0 ? -1 : 1
+  y *= fromPoint.lat < 0 ? -1 : 1
+  return new Point(x, y)
+}
+
+function getLoop(v, a, b) {
+  while (v > b) {
+    v -= b - a
+  }
+  while (v < a) {
+    v += b - a
+  }
+  return v
+}
+
+function getRange(v, a, b) {
+  if (a != null) {
+    v = Math.max(v, a)
+  }
+  if (b != null) {
+    v = Math.min(v, b)
+  }
+  return v
+}
+
+function getDistance(x1, x2, y1, y2) {
+  return EARTHRADIUS * Math.acos(Math.sin(y1) * Math.sin(y2) + Math.cos(y1) * Math.cos(y2) * Math.cos(x2 - x1))
+}
+
+function toRadians(angdeg) {
+  return (Math.PI * angdeg) / 180
+}
+
+function toDegrees(angrad) {
+  return (180 * angrad) / Math.PI
+}
+
 export default BaiduMapMercatorProjection