@antv/l7-scene 2.25.7 → 2.25.9

package/lib/boxSelect.js

@@ -0,0 +1,128 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/boxSelect.ts
+var boxSelect_exports = {};
+__export(boxSelect_exports, {
+  BoxSelectEventList: () => BoxSelectEventList,
+  default: () => BoxSelect
+});
+module.exports = __toCommonJS(boxSelect_exports);
+var import_l7_utils = require("@antv/l7-utils");
+var import_eventemitter3 = require("eventemitter3");
+var BoxSelectEventList = ["selectstart", "selecting", "selectend"];
+var BoxSelect = class extends import_eventemitter3.EventEmitter {
+  constructor(scene, options = {}) {
+    super();
+    this.isEnable = false;
+    this.onDragStart = (e) => {
+      if (e.target && e.stopPropagation) {
+        e.stopPropagation();
+      }
+      this.box.style.display = "block";
+      this.startEvent = this.endEvent = e;
+      this.syncBoxBound();
+      this.emit("selectstart", this.getLngLatBox(), this.startEvent, this.endEvent);
+    };
+    this.onDragging = (e) => {
+      if (e.target && e.stopPropagation) {
+        e.stopPropagation();
+      }
+      this.endEvent = e;
+      this.syncBoxBound();
+      this.emit("selecting", this.getLngLatBox(), this.startEvent, this.endEvent);
+    };
+    this.onDragEnd = (e) => {
+      if (e.target && e.stopPropagation) {
+        e.stopPropagation();
+      }
+      this.endEvent = e;
+      this.box.style.display = "none";
+      this.emit("selectend", this.getLngLatBox(), this.startEvent, this.endEvent);
+    };
+    this.scene = scene;
+    this.options = options;
+  }
+  get container() {
+    return this.scene.getMapService().getMarkerContainer();
+  }
+  enable() {
+    if (this.isEnable) {
+      return;
+    }
+    const { className } = this.options;
+    this.scene.setMapStatus({
+      dragEnable: false
+    });
+    this.container.style.cursor = "crosshair";
+    if (!this.box) {
+      const box = import_l7_utils.DOM.create("div", void 0, this.container);
+      box.classList.add("l7-select-box");
+      if (className) {
+        box.classList.add(className);
+      }
+      box.style.display = "none";
+      this.box = box;
+    }
+    this.scene.on("dragstart", this.onDragStart);
+    this.scene.on("dragging", this.onDragging);
+    this.scene.on("dragend", this.onDragEnd);
+    this.isEnable = true;
+  }
+  disable() {
+    if (!this.isEnable) {
+      return;
+    }
+    this.scene.setMapStatus({
+      dragEnable: true
+    });
+    this.container.style.cursor = "auto";
+    this.scene.off("dragstart", this.onDragStart);
+    this.scene.off("dragging", this.onDragging);
+    this.scene.off("dragend", this.onDragEnd);
+    this.isEnable = false;
+  }
+  syncBoxBound() {
+    const { x: x1, y: y1 } = this.startEvent;
+    const { x: x2, y: y2 } = this.endEvent;
+    const left = Math.min(x1, x2);
+    const top = Math.min(y1, y2);
+    const width = Math.abs(x1 - x2);
+    const height = Math.abs(y1 - y2);
+    this.box.style.top = `${top}px`;
+    this.box.style.left = `${left}px`;
+    this.box.style.width = `${width}px`;
+    this.box.style.height = `${height}px`;
+  }
+  getLngLatBox() {
+    const {
+      lngLat: { lng: lng1, lat: lat1 }
+    } = this.startEvent;
+    const {
+      lngLat: { lng: lng2, lat: lat2 }
+    } = this.endEvent;
+    return (0, import_l7_utils.getBBoxFromPoints)([
+      [lng1, lat1],
+      [lng2, lat2]
+    ]);
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BoxSelectEventList
+});

package/lib/index.d.ts

@@ -0,0 +1,144 @@
+import type { Bounds, ICameraOptions, IControl, IDebugService, IIconFontGlyph, IImage, ILayer, ILngLat, IMapService, IMarker, IMarkerLayer, IPoint, IPopup, IPostProcessingPass, ISceneConfig, IStatusOptions, L7Container, Point } from '@antv/l7-core';
+import type { IProtocolHandler } from '@antv/l7-utils';
+import type ILayerManager from './ILayerManager';
+import type IMapController from './IMapController';
+import type IPostProcessingPassPluggable from './IPostProcessingPassPluggable';
+/**
+ * 暴露 Scene API
+ *
+ * @example
+ * import { Scene } from 'l7/scene';
+ * import { PointLayer } from 'l7/layers';
+ *
+ * const scene = new Scene();
+ * const pointLayer = new PointLayer();
+ * scene.addLayer(pointLayer);
+ *
+ */
+declare class Scene implements IPostProcessingPassPluggable, IMapController, ILayerManager {
+    private sceneService;
+    private mapService;
+    private controlService;
+    private layerService;
+    private debugService;
+    private iconService;
+    private markerService;
+    private popupService;
+    private fontService;
+    private interactionService;
+    private boxSelect;
+    private container;
+    constructor(config: ISceneConfig);
+    get map(): unknown;
+    get loaded(): boolean;
+    getServiceContainer(): L7Container;
+    getSize(): [number, number];
+    getMinZoom(): number;
+    getMaxZoom(): number;
+    getType(): string;
+    getMapContainer(): HTMLElement | null;
+    getMapCanvasContainer(): HTMLElement;
+    getMapService(): IMapService<unknown>;
+    /**
+     * 对外暴露 debugService
+     * @returns
+     */
+    getDebugService(): IDebugService;
+    exportPng(type?: 'png' | 'jpg'): Promise<string>;
+    exportMap(type?: 'png' | 'jpg'): Promise<string>;
+    registerRenderService(render: any): void;
+    setBgColor(color: string): void;
+    addLayer(layer: ILayer): void;
+    preAddLayer(layer: ILayer): void;
+    initMask(layer: ILayer): ILayer | undefined;
+    addMask(mask: ILayer, layerId: string): void;
+    getPickedLayer(): number;
+    getLayers(): ILayer[];
+    getLayer(id: string): ILayer | undefined;
+    getLayerByName(name: string): ILayer | undefined;
+    removeLayer(layer: ILayer, parentLayer?: ILayer): Promise<void>;
+    removeAllLayer(): Promise<void>;
+    render(): void;
+    setEnableRender(flag: boolean): void;
+    /**
+     * 为 layer/point/text 支持 iconfont 模式支持
+     * @param fontUnicode
+     * @param name
+     */
+    addIconFont(name: string, fontUnicode: string): void;
+    addIconFonts(options: string[][]): void;
+    /**
+     * 用户自定义添加第三方字体
+     * @param fontFamily
+     * @param fontPath
+     */
+    addFontFace(fontFamily: string, fontPath: string): void;
+    addImage(id: string, img: IImage): Promise<void>;
+    hasImage(id: string): boolean;
+    removeImage(id: string): void;
+    addIconFontGlyphs(fontFamily: string, glyphs: IIconFontGlyph[]): void;
+    addControl(ctr: IControl): void;
+    removeControl(ctr: IControl): void;
+    getControlByName(name: string): IControl<any> | undefined;
+    addMarker(marker: IMarker): void;
+    addMarkerLayer(layer: IMarkerLayer): void;
+    removeMarkerLayer(layer: IMarkerLayer): void;
+    removeAllMarkers(): void;
+    /**
+     * @deprecated 请使用 removeAllMarkers
+     */
+    removeAllMakers(): void;
+    addPopup(popup: IPopup): void;
+    removePopup(popup: IPopup): void;
+    on(type: string, handle: (...args: any[]) => void): void;
+    once(type: string, handle: (...args: any[]) => void): void;
+    emit(type: string, ...args: any[]): void;
+    off(type: string, handle: (...args: any[]) => void): void;
+    getZoom(): number;
+    getCenter(options?: ICameraOptions): ILngLat;
+    setCenter(center: [number, number], options?: ICameraOptions): void;
+    getPitch(): number;
+    setPitch(pitch: number): void;
+    getRotation(): number;
+    getBounds(): Bounds;
+    setRotation(rotation: number): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    panTo(p: Point): void;
+    panBy(x: number, y: number): void;
+    getContainer(): HTMLElement | null;
+    setZoom(zoom: number): void;
+    fitBounds(bound: Bounds, options?: unknown): void;
+    setZoomAndCenter(zoom: number, center: Point): void;
+    setMapStyle(style: any): void;
+    setMapStatus(options: Partial<IStatusOptions>): void;
+    pixelToLngLat(pixel: Point): ILngLat;
+    lngLatToPixel(lnglat: Point): IPoint;
+    containerToLngLat(pixel: Point): ILngLat;
+    lngLatToContainer(lnglat: Point): IPoint;
+    destroy(): void;
+    /**
+     * 注册自定义后处理效果
+     * @param constructor 后处理效果构造函数
+     * @param name 后处理效果名称，便于在 Layer 中引用
+     */
+    registerPostProcessingPass(constructor: new (...args: any[]) => IPostProcessingPass<unknown>, name: string): void;
+    enableShaderPick(): void;
+    disableShaderPick(): void;
+    /**
+     * @deprecated 请使用 disableShaderPick
+     */
+    diasbleShaderPick(): void;
+    enableBoxSelect(once?: boolean): void;
+    disableBoxSelect(): void;
+    static addProtocol(protocol: string, handler: IProtocolHandler): void;
+    static removeProtocol(protocol: string): void;
+    getProtocol(protocol: string): IProtocolHandler;
+    startAnimate(): void;
+    stopAnimate(): void;
+    getPointSizeRange(): Float32Array;
+    private initComponent;
+    private initControl;
+    private initTileLayer;
+}
+export { Scene };