Class BMapService

packages/maps/src/bmap/map.ts:35–547

// TODO: 基于抽象类 BaseMap 实现，补全缺失方法，解决类型问题
export default class BMapService extends BaseMapService<BMapGL.Map> {
  protected viewport: IViewport;
  protected styleConfig: Record<string, any> = {
    normal: [],
  };
  protected currentStyle: any = 'normal';
  // 事件回调代理
  protected evtCbProxyMap: Map<string, Map<(...args: any) => any, (...args: any) => any>> =
    new Map();

  public getMap() {
    return this.map as any as BMapGL.Map & {
      destroy: () => void;
      getTilt: () => number;
      enableRotate: () => void;
      enableRotateGestures: () => void;
      disableRotate: () => void;
      disableRotateGestures: () => void;
      lnglatToMercator: (lng: number, lat: number) => [number, number];
      _webglPainter: {
        _canvas: HTMLCanvasElement;
      };
      getHeading: () => number;
      setDisplayOptions: (options: { indoor?: boolean }) => void;
    };
  }

  public handleCameraChanged = () => {
    this.emit('mapchange');
    const map = this.getMap();
    const { lng, lat } = map.getCenter();
    const option = {
      center: [lng, lat],
      viewportHeight: map.getContainer().clientHeight,
      viewportWidth: map.getContainer().clientWidth,
      bearing: 360 - map.getHeading(),
      pitch: map.getTilt(),
      zoom: map.getZoom() - 1.75,
    };
    this.viewport.syncWithMapCamera(option as any);
    this.updateCoordinateSystemService();
    this.cameraChangedCallback(this.viewport);
  };

  public setBgColor(color: string): void {
    this.bgColor = color;
  }

  public async init() {
    this.viewport = new Viewport();
    const {
      id,
      center = [121.30654632240122, 31.25744185633306],
      zoom = 12,
      token = BMAP_API_KEY,
      mapInstance,
      version = BMAP_VERSION,
      mapSize = 10000,