refactor(maps): migrate bmap & tmap to BaseMap, delete BaseMapService (#2878)

bmap/map.ts 和 tmap/map.ts 迁移:
- extends BaseMapService<X> -> extends BaseMap<X>
- $mapContainer -> mapContainer (基类统一命名)
- 补全 BaseMap 声明为 abstract 的小方法:
  - getMapStyle() -> ''  (bmap/tmap 无 mapbox getStyle API)
  - getMapStyleConfig() -> MapTheme  (tmap 新增, bmap 已有 styleConfig)
  - setMaxZoom/setMinZoom -> 兼容可选调用 map.setMaxZoom?.(max)

删除 BaseMapService.ts (466 行 @deprecated 死代码):
- 仅剩 bmap/tmap 两个消费者, 迁移完即删除
- utils/index.ts 同步移除导出, 保留 BaseMapWrapper

验证:
- tsc --noEmit -p packages/maps 仅 4 个本地 @types 全局错误 (baseline)
- prettier format-check 全绿

Author: lzxue

packages/maps/src/bmap/map.ts

@@ -13,8 +13,8 @@ import type {
 import { MapServiceEvent } from '@antv/l7-core';
 import { DOM } from '@antv/l7-utils';
 import { mat4, vec3 } from 'gl-matrix';
+import BaseMap from '../lib/base-map';
 import Viewport from '../lib/web-mercator-viewport';
-import BaseMapService from '../utils/BaseMapService';
 import { toPaddingOptions } from '../utils/utils';
 import BMapGLLoader from './bmapglloader';
 import './logo.css';
@@ -30,8 +30,7 @@ const EventMap: {
 
 const BMAP_VERSION: string = '1.0';
 
-// TODO: 基于抽象类 BaseMap 实现，补全缺失方法，解决类型问题
-export default class BMapService extends BaseMapService<BMapGL.Map> {
+export default class BMapService extends BaseMap<BMapGL.Map> {
   protected viewport: IViewport;
   protected styleConfig: Record<string, any> = {
     normal: [],
@@ -119,7 +118,7 @@ export default class BMapService extends BaseMapService<BMapGL.Map> {
     if (mapInstance) {
       // @ts-ignore
       this.map = mapInstance;
-      this.$mapContainer = this.map.getContainer();
+      this.mapContainer = this.map.getContainer();
       const point = new BMapGL.Point(center[0], center[1]);
       // false，表示用户未执行centerAndZoom进行地图初始渲染
       // @ts-ignore
@@ -147,10 +146,10 @@ export default class BMapService extends BaseMapService<BMapGL.Map> {
       let mapChildNodes = [...mapContainer.childNodes];
       // @ts-ignore
       const map = new BMapGL.Map(mapContainer, mapConstructorOptions);
-      this.$mapContainer = map.getContainer();
+      this.mapContainer = map.getContainer();
 
       mapChildNodes.forEach((child) => {
-        this.$mapContainer!.appendChild(child);
+        this.mapContainer!.appendChild(child);
       });
       // @ts-ignore
       mapChildNodes = null;
@@ -271,6 +270,14 @@ export default class BMapService extends BaseMapService<BMapGL.Map> {
     return this.map.getMaxZoom();
   }
 
+  public setMaxZoom(max: number): void {
+    this.map.setMaxZoom?.(max);
+  }
+
+  public setMinZoom(min: number): void {
+    this.map.setMinZoom?.(min);
+  }
+
   // get map params
   public getType() {
     return 'bmap';
@@ -323,6 +330,10 @@ export default class BMapService extends BaseMapService<BMapGL.Map> {
     return this.getMap().getContainer();
   }
 
+  public getMapStyle(): string {
+    return '';
+  }
+
   public getMapStyleConfig(): MapStyleConfig {
     return this.styleConfig;
   }

packages/maps/src/tmap/map.ts

@@ -5,14 +5,16 @@ import type {
   IPoint,
   IStatusOptions,
   IViewport,
+  MapStyleConfig,
   Point,
 } from '@antv/l7-core';
 import { MapServiceEvent } from '@antv/l7-core';
 import { MercatorCoordinate } from '@antv/l7-map';
 import { DOM } from '@antv/l7-utils';
 import { mat4, vec3 } from 'gl-matrix';
+import BaseMap from '../lib/base-map';
 import Viewport from '../lib/web-mercator-viewport';
-import BaseMapService from '../utils/BaseMapService';
+import { MapTheme } from '../utils/theme';
 import './logo.css';
 import TMapLoader from './maploader';
 
@@ -27,8 +29,7 @@ const EventMap: {
   dragging: 'drag',
 };
 
-// TODO: 基于抽象类 BaseMap 实现，补全缺失方法，解决类型问题
-export default class TMapService extends BaseMapService<TMap.Map> {
+export default class TMapService extends BaseMap<TMap.Map> {
   // @ts-ignore
   protected viewport: IViewport = null;
 
@@ -102,7 +103,7 @@ export default class TMapService extends BaseMapService<TMap.Map> {
     if (mapInstance) {
       // If there's already a map instance, maybe not setting any other configurations
       this.map = mapInstance as any;
-      this.$mapContainer = this.map.getContainer();
+      this.mapContainer = this.map.getContainer();
       if (logoVisible === false) {
         this.hideLogo();
       }
@@ -126,7 +127,7 @@ export default class TMapService extends BaseMapService<TMap.Map> {
       // @ts-ignore
       this.map = map;
       // @ts-ignore
-      this.$mapContainer = map.getContainer();
+      this.mapContainer = map.getContainer();
       if (logoVisible === false) {
         this.hideLogo();
       }
@@ -288,6 +289,14 @@ export default class TMapService extends BaseMapService<TMap.Map> {
     return this.map.transform._maxZoom;
   }
 
+  public setMaxZoom(max: number): void {
+    (this.map as any).setMaxZoom?.(max);
+  }
+
+  public setMinZoom(min: number): void {
+    (this.map as any).setMinZoom?.(min);
+  }
+
   // get map params
   public getType() {
     return 'tmap';
@@ -336,6 +345,14 @@ export default class TMapService extends BaseMapService<TMap.Map> {
     this.bgColor = color;
   }
 
+  public getMapStyle(): string {
+    return '';
+  }
+
+  public getMapStyleConfig(): MapStyleConfig {
+    return MapTheme;
+  }
+
   public setMapStyle(styleId: any): void {
     this.map.setMapStyleId(styleId);
   }