【fix】 修复经纬网图层获取extent 错误

Author: xilanhuaweidapao

src/mapboxgl/overlay/GraticuleLayer.js

@@ -255,7 +255,7 @@ export class GraticuleLayer {
 
   getDefaultExtent(extent, map = this.map) {
     const crs = (map.getCRS && map.getCRS()) || {};
-    let { extent: crsExtent } = crs;
+    let { lngLatExtent: crsExtent } = crs;
     if (!crsExtent) {
       crsExtent = [-180, -85.05119, 180, 85.05119];
     }

src/maplibregl/overlay/GraticuleLayer.js

@@ -267,7 +267,7 @@ export class GraticuleLayer {
 
   getDefaultExtent(extent, map = this.map) {
     const crs = (map.getCRS && map.getCRS()) || {};
-    let { extent: crsExtent } = crs;
+    let { lngLatExtent: crsExtent } = crs;
     if (!crsExtent) {
       crsExtent = [-180, -85.05119, 180, 85.05119];
     }

test/mapboxgl/overlay/GraticuleLayerSpec.js

@@ -1,6 +1,6 @@
 import { GraticuleLayer } from '../../../src/mapboxgl/overlay/GraticuleLayer';
 import mapboxgl from 'mapbox-gl';
-import { Feature } from '@supermap/iclient-common';
+// import { Feature } from '@supermap/iclient-common';
 var url = GlobeParameter.ChinaURL + '/zxyTileImage.png?z={z}&x={x}&y={y}';
 
 describe('mapboxgl_GraticuleLayer', () => {
@@ -126,6 +126,32 @@ describe('mapboxgl_GraticuleLayer', () => {
         expect(graticuleLayer.renderer.options.interval).toEqual(5);
     });
 
+    it('getDefaultExtent must return degree', () => {
+      map.getCRS = () => {
+        return {
+          extent: [
+            -20037508.3427892,
+            -20037508.3427892,
+            20037508.3427892,
+            20037508.3427892
+          ],
+          lngLatExtent: [
+            -179.99999999999963,
+            -85.05112877980658,
+            179.99999999999963,
+            85.05112877980656
+          ]
+        };
+      };
+      var extent = graticuleLayer.getDefaultExtent();
+      expect(extent).toEqual([
+        -179.99999999999963,
+        -85.05112877980658,
+        179.99999999999963,
+        85.05112877980656
+      ]);
+    });
+
     it('_calcInterval', () => {
         const interval = map.getZoom();
         const calcInterval = map => {

test/maplibregl/overlay/GraticuleLayerSpec.js

@@ -84,6 +84,32 @@ describe('maplibregl_GraticuleLayer', () => {
         expect(visible).toBe('visible');
     });
 
+    it('getDefaultExtent must return degree', () => {
+      map.getCRS = () => {
+        return {
+          extent: [
+            -20037508.3427892,
+            -20037508.3427892,
+            20037508.3427892,
+            20037508.3427892
+          ],
+          lngLatExtent: [
+            -179.99999999999963,
+            -85.05112877980658,
+            179.99999999999963,
+            85.05112877980656
+          ]
+        };
+      };
+      var extent = graticuleLayer.getDefaultExtent();
+      expect(extent).toEqual([
+        -179.99999999999963,
+        -85.05112877980658,
+        179.99999999999963,
+        85.05112877980656
+      ]);
+    });
+
     it('setMinZoom', () => {
         graticuleLayer.setMinZoom(0);
         expect(graticuleLayer.options.minZoom).toEqual(0);