@antv/l7-scene 2.9.37-alpha.2 → 2.9.37-alpha.3

package/es/ILayerManager.d.ts

@@ -0,0 +1,9 @@
+import { ILayer } from '@antv/l7-core';
+export default interface ILayerManager {
+    enableShaderPick: () => void;
+    diasbleShaderPick: () => void;
+    addLayer(layer: ILayer): void;
+    getLayers(): ILayer[];
+    getLayer(id: string): ILayer | undefined;
+    removeLayer(layer: ILayer): void;
+}

package/es/IMapController.d.ts

@@ -0,0 +1,62 @@
+import { Bounds, ICameraOptions, ILngLat, IPoint, IStatusOptions, Point } from '@antv/l7-core';
+export default interface IMapController {
+    /**
+     * 当前缩放等级
+     */
+    getZoom(): number;
+    /**
+     * 中心点经纬度
+     */
+    getCenter(options?: ICameraOptions): ILngLat;
+    /**
+     * 仰角
+     */
+    getPitch(): number;
+    /**
+     * 逆时针旋转角度
+     */
+    getRotation(): number;
+    /**
+     * 获取当前地图可视区域 `[西南角、东北角]`
+     */
+    getBounds(): Bounds;
+    /**
+     * 放大地图
+     */
+    zoomIn(): void;
+    /**
+     * 缩小地图
+     */
+    zoomOut(): void;
+    /**
+     * 地图平移到指定点 `[x, y]`
+     */
+    panTo(p: Point): void;
+    /**
+     * 地图平移到指定点 `[x, y]`
+     */
+    panBy(x: number, y: number): void;
+    /**
+     * 调整地图适合指定区域
+     */
+    fitBounds(bound: Bounds, fitBoundsOptions?: unknown): void;
+    getContainer(): HTMLElement | null;
+    getSize(): [number, number];
+    getMinZoom(): number;
+    getMaxZoom(): number;
+    getType(): string;
+    getMapContainer(): HTMLElement | null;
+    getMapCanvasContainer(): HTMLElement;
+    setRotation(rotation: number): void;
+    setZoomAndCenter(zoom: number, center: Point): void;
+    setCenter(center: [number, number], options?: ICameraOptions): void;
+    setPitch(pitch: number): void;
+    setZoom(zoom: number): void;
+    setMapStyle(style: any): void;
+    setMapStatus(option: Partial<IStatusOptions>): void;
+    pixelToLngLat(pixel: Point): ILngLat;
+    lngLatToPixel(lnglat: Point): IPoint;
+    containerToLngLat(pixel: Point): ILngLat;
+    lngLatToContainer(lnglat: Point): IPoint;
+    exportMap(type: 'jpg' | 'png'): string;
+}

package/es/IPostProcessingPassPluggable.d.ts

@@ -0,0 +1,9 @@
+import { IPostProcessingPass } from '@antv/l7-core';
+export default interface IPostProcessingPassPluggable {
+    /**
+     * 注册自定义后处理效果
+     * @param constructor 效果构造函数
+     * @param name 效果名，便于在 Layer 中引用
+     */
+    registerPostProcessingPass(constructor: new (...args: any[]) => IPostProcessingPass<unknown>, name: string): void;
+}

package/es/boxSelect.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter } from 'eventemitter3';
+import { Scene } from './index';
+export declare const BoxSelectEventList: string[];
+export declare type BoxSelectOptions = {
+    className?: string;
+};
+export default class BoxSelect extends EventEmitter {
+    protected scene: Scene;
+    protected options: BoxSelectOptions;
+    protected isEnable: boolean;
+    protected box: HTMLElement;
+    protected startEvent: any;
+    protected endEvent: any;
+    constructor(scene: Scene, options?: BoxSelectOptions);
+    get container(): HTMLElement;
+    enable(): void;
+    disable(): void;
+    protected onDragStart: (e: any) => void;
+    protected onDragging: (e: any) => void;
+    protected onDragEnd: (e: any) => void;
+    protected syncBoxBound(): void;
+    protected getLngLatBox(): import("@turf/helpers").BBox;
+}

package/es/boxSelect.js

@@ -0,0 +1,148 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import { DOM, getBBoxFromPoints } from '@antv/l7-utils';
+import { EventEmitter } from 'eventemitter3';
+export var BoxSelectEventList = ['selectstart', 'selecting', 'selectend'];
+
+// TODO: 将 BoxSelect 模块放在哪里比较合适
+var BoxSelect = /*#__PURE__*/function (_EventEmitter) {
+  _inherits(BoxSelect, _EventEmitter);
+
+  var _super = _createSuper(BoxSelect);
+
+  function BoxSelect(scene) {
+    var _this;
+
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    _classCallCheck(this, BoxSelect);
+
+    _this = _super.call(this);
+
+    _defineProperty(_assertThisInitialized(_this), "isEnable", false);
+
+    _defineProperty(_assertThisInitialized(_this), "onDragStart", function (e) {
+      _this.box.style.display = 'block';
+      _this.startEvent = _this.endEvent = e;
+
+      _this.syncBoxBound();
+
+      _this.emit('selectstart', _this.getLngLatBox(), _this.startEvent, _this.endEvent);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onDragging", function (e) {
+      _this.endEvent = e;
+
+      _this.syncBoxBound();
+
+      _this.emit('selecting', _this.getLngLatBox(), _this.startEvent, _this.endEvent);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onDragEnd", function (e) {
+      _this.endEvent = e;
+      _this.box.style.display = 'none';
+
+      _this.emit('selectend', _this.getLngLatBox(), _this.startEvent, _this.endEvent);
+    });
+
+    _this.scene = scene;
+    _this.options = options;
+    return _this;
+  }
+
+  _createClass(BoxSelect, [{
+    key: "container",
+    get: function get() {
+      return this.scene.getMapService().getMarkerContainer();
+    }
+  }, {
+    key: "enable",
+    value: function enable() {
+      if (this.isEnable) {
+        return;
+      }
+
+      var className = this.options.className;
+      this.scene.setMapStatus({
+        dragEnable: false
+      });
+      this.container.style.cursor = 'crosshair';
+
+      if (!this.box) {
+        var box = DOM.create('div', undefined, 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;
+    }
+  }, {
+    key: "disable",
+    value: function 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;
+    }
+  }, {
+    key: "syncBoxBound",
+    value: function syncBoxBound() {
+      var _this$startEvent = this.startEvent,
+          x1 = _this$startEvent.x,
+          y1 = _this$startEvent.y;
+      var _this$endEvent = this.endEvent,
+          x2 = _this$endEvent.x,
+          y2 = _this$endEvent.y;
+      var left = Math.min(x1, x2);
+      var top = Math.min(y1, y2);
+      var width = Math.abs(x1 - x2);
+      var height = Math.abs(y1 - y2);
+      this.box.style.top = "".concat(top, "px");
+      this.box.style.left = "".concat(left, "px");
+      this.box.style.width = "".concat(width, "px");
+      this.box.style.height = "".concat(height, "px");
+    }
+  }, {
+    key: "getLngLatBox",
+    value: function getLngLatBox() {
+      var _this$startEvent$lngL = this.startEvent.lngLat,
+          lng1 = _this$startEvent$lngL.lng,
+          lat1 = _this$startEvent$lngL.lat;
+      var _this$endEvent$lngLat = this.endEvent.lngLat,
+          lng2 = _this$endEvent$lngLat.lng,
+          lat2 = _this$endEvent$lngLat.lat;
+      return getBBoxFromPoints([[lng1, lat1], [lng2, lat2]]);
+    }
+  }]);
+
+  return BoxSelect;
+}(EventEmitter);
+
+export { BoxSelect as default };

package/es/index.d.ts

@@ -0,0 +1,118 @@
+import { Bounds, ICameraOptions, IControl, IIconFontGlyph, IImage, ILayer, ILngLat, IMapService, IMarker, IMarkerLayer, IPoint, IPopup, IPostProcessingPass, ISceneConfig, IStatusOptions, Point } from '@antv/l7-core';
+import { Container } from 'inversify';
+import ILayerManager from './ILayerManager';
+import IMapController from './IMapController';
+import 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 iconService;
+    private markerService;
+    private popupService;
+    private fontService;
+    private interactionService;
+    private boxSelect;
+    private container;
+    constructor(config: ISceneConfig);
+    get map(): unknown;
+    get loaded(): boolean;
+    getServiceContainer(): Container;
+    getSize(): [number, number];
+    getMinZoom(): number;
+    getMaxZoom(): number;
+    getType(): string;
+    getMapContainer(): HTMLElement | null;
+    getMapCanvasContainer(): HTMLElement;
+    getMapService(): IMapService<unknown>;
+    exportPng(type?: 'png' | 'jpg'): string;
+    exportMap(type?: 'png' | 'jpg'): string;
+    registerRenderService(render: any): void;
+    setBgColor(color: string): void;
+    addLayer(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): void;
+    removeAllLayer(): 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): 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;
+    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, handle: (...args: any[]) => void): 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;
+    registerPostProcessingPass(constructor: new (...args: any[]) => IPostProcessingPass<unknown>, name: string): void;
+    enableShaderPick(): void;
+    diasbleShaderPick(): void;
+    enableBoxSelect(once?: boolean): void;
+    disableBoxSelect(): void;
+    getPointSizeRange(): Float32Array;
+    private initComponent;
+    private initControl;
+}
+export { Scene };