[update] 支持带WFS数据的地图点选查询

(review by xiongjiaojiao)

Author: SuperHuZhiPeng

jest.config.js

@@ -43,7 +43,7 @@ module.exports = {
     '!mapboxgl/*/__tests__/**/type.{js,jsx}'
   ],
   transformIgnorePatterns: [
-    'node_modules/(?!(mapbox-gl|axios|element-ui|ant-design-vue|geographic-coordinate-converter|videojs-flvjs-es6|vue-videojs7|three)/)'
+    'node_modules/(?!(ol|mapbox-gl|axios|element-ui|ant-design-vue|geographic-coordinate-converter|videojs-flvjs-es6|vue-videojs7|three)/)'
   ],
   modulePaths: ['src', 'node_modules'],
   reporters: ["default", "jest-teamcity"],

package.json

@@ -54,6 +54,7 @@
     "css-vars-ponyfill": "2.2.1",
     "echarts": "^4.8.0",
     "echarts-liquidfill": "^2.0.5",
+    "fast-xml-parser": "^5.2.5",
     "flush-promises": "^1.0.2",
     "flv.js": "^1.5.0",
     "geojson": "^0.5.0",
@@ -78,6 +79,7 @@
     "mapbox-gl-compare": "^0.4.0",
     "mapv": "^2.0.34",
     "mux.js": "^5.6.7",
+    "ol": "^6.15.1",
     "omit.js": "^2.0.2",
     "proj4": "^2.8.0",
     "resize-detector": "^0.2.0",

src/common/_utils/__tests__/epsg-define-mock.spec.js

@@ -0,0 +1,65 @@
+let transformCoordinate, transformCoodinates, mockProj4;
+
+beforeEach(() => {
+  jest.isolateModules(() => {
+    mockProj4 = jest.fn();
+    mockProj4.defs = jest.fn(() => 'FAKE_DEF');
+
+    jest.mock('proj4', () => mockProj4);
+
+    ({ transformCoordinate, transformCoodinates } = require('../epsg-define'));
+  });
+});
+
+afterEach(() => {
+  jest.restoreAllMocks();
+  jest.clearAllMocks();
+});
+
+describe('epsg-define (mock proj4)', () => {
+  it('transformCoordinate', () => {
+    const coords = [120, 30];
+
+    // same projection
+    expect(transformCoordinate('EPSG:4326', 'EPSG:4326', coords)).toEqual(coords);
+
+    // EPSG:4490 <-> EPSG:4326
+    expect(transformCoordinate('EPSG:4490', 'EPSG:4326', coords)).toEqual(coords);
+    expect(transformCoordinate('EPSG:4326', 'EPSG:4490', coords)).toEqual(coords);
+
+    // EPSG:4214 -> EPSG:4326 with x=180 should keep 180
+    mockProj4.mockImplementation(() => [-179, 30]);
+    const fixed = transformCoordinate('EPSG:4214', 'EPSG:4326', [180, 30]);
+    expect(fixed[0]).toBe(180);
+
+    // normal transform
+    mockProj4.mockImplementation(() => [121, 31]);
+    const result = transformCoordinate('EPSG:3857', 'EPSG:4326', coords);
+    expect(result).toEqual([121, 31]);
+  });
+
+  it('transformCoodinates', () => {
+    const coords = [120, 30];
+
+    // success
+    mockProj4.mockImplementation(() => [121, 31]);
+    const result = transformCoodinates({
+      coordinates: coords,
+      sourceProjection: 'EPSG:3857',
+      destProjection: 'EPSG:4326'
+    });
+    expect(result).toEqual([121, 31]);
+
+    // error
+    mockProj4.mockImplementation(() => {
+      throw new Error('proj4 error');
+    });
+    expect(() =>
+      transformCoodinates({
+        coordinates: coords,
+        sourceProjection: 'EPSG:9999',
+        destProjection: 'EPSG:4326'
+      })
+    ).toThrow('Error: proj4 error is not defined');
+  });
+});

src/common/_utils/epsg-define.js

@@ -67,3 +67,28 @@ export function transformCoodinates({ coordinates, sourceProjection, destProject
     throw errorMsg;
   }
 }
+
+export function transformCoordinate(fromProjection, toProjection, coordinates) {
+  if (fromProjection === toProjection) return coordinates;
+  if (
+    (fromProjection === 'EPSG:4490' && toProjection === 'EPSG:4326') ||
+    (fromProjection === 'EPSG:4326' && toProjection === 'EPSG:4490')
+  ) {
+    return coordinates;
+  }
+  // proj4缺陷，EPSG:4214的坐标x为180，转换后变成-179.
+  if (fromProjection === 'EPSG:4214' && toProjection === 'EPSG:4326' && coordinates[0] === 180) {
+    const newCoordinate = transformCoodinates({
+      coordinates,
+      sourceProjection: fromProjection,
+      destProjection: toProjection
+    });
+    newCoordinate[0] = 180;
+    return newCoordinate;
+  }
+  return transformCoodinates({
+    coordinates,
+    sourceProjection: fromProjection,
+    destProjection: toProjection
+  });
+}