babyeditor-tool 0.0.7 → 0.0.10

package/types/tool/map/Layer.d.ts

@@ -0,0 +1,37 @@
+import { Scene, TransformNode } from "@babylonjs/core";
+export declare class Layer {
+    /**
+     * 图层根节点
+     */
+    layerRootNode: TransformNode;
+    /**
+     * 图层名称
+     */
+    name: string;
+    constructor(name: string, scene: Scene);
+    /**
+     * 获取图层是否启用
+     */
+    get isEnabled(): boolean;
+    /**
+     * 设置图层是否启用
+     * @param enabled 是否启用
+     */
+    set isEnabled(enabled: boolean);
+    /**
+     * 当图层启用状态改变时触发
+     * @param observers 观察者
+     */
+    get onEnabledStateChanged(): import("@babylonjs/core").Observable<boolean>;
+    /**
+     * 设置图层是否启用
+     * @param enabled 是否启用
+     */
+    setEnabled(enabled: boolean): void;
+    /**
+     * 释放图层
+     */
+    dispose(): void;
+    onDisposeObservable(observers: () => void): import("@babylonjs/core").Observer<import("@babylonjs/core").Node>;
+}
+//# sourceMappingURL=Layer.d.ts.map

package/types/tool/map/Layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layer.d.ts","sourceRoot":"","sources":["../../../../src/tool/map/Layer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEvD,qBAAa,KAAK;IAChB;;OAEG;IACH,aAAa,EAAE,aAAa,CAAA;IAC5B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAM;gBAEN,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK;IAOtC;;OAEG;IACH,IAAI,SAAS,IAQW,OAAO,CAN9B;IAED;;;OAGG;IACH,IAAI,SAAS,CAAE,OAAO,EAAE,OAAO,EAE9B;IAED;;;OAGG;IACH,IAAI,qBAAqB,kDAExB;IAED;;;OAGG;IACH,UAAU,CAAC,OAAO,EAAE,OAAO;IAI3B;;OAEG;IACH,OAAO;IAIP,mBAAmB,CAAE,SAAS,EAAE,MAAM,IAAI;CAG3C"}

package/types/tool/map/Layer.js

@@ -0,0 +1,49 @@
+import { TransformNode } from "@babylonjs/core";
+export class Layer {
+    constructor(name, scene) {
+        /**
+         * 图层名称
+         */
+        this.name = "";
+        this.name = name;
+        this.layerRootNode = new TransformNode(name, scene);
+        this.layerRootNode.name = name;
+        this.layerRootNode.metadata = { editable: false, layerName: name };
+    }
+    /**
+     * 获取图层是否启用
+     */
+    get isEnabled() {
+        return this.layerRootNode.isEnabled();
+    }
+    /**
+     * 设置图层是否启用
+     * @param enabled 是否启用
+     */
+    set isEnabled(enabled) {
+        this.layerRootNode.setEnabled(enabled);
+    }
+    /**
+     * 当图层启用状态改变时触发
+     * @param observers 观察者
+     */
+    get onEnabledStateChanged() {
+        return this.layerRootNode.onEnabledStateChangedObservable;
+    }
+    /**
+     * 设置图层是否启用
+     * @param enabled 是否启用
+     */
+    setEnabled(enabled) {
+        this.layerRootNode.setEnabled(enabled);
+    }
+    /**
+     * 释放图层
+     */
+    dispose() {
+        this.layerRootNode.dispose();
+    }
+    onDisposeObservable(observers) {
+        return this.layerRootNode.onDisposeObservable.add(observers);
+    }
+}

package/types/tool/map/MapViewer.d.ts

@@ -0,0 +1,68 @@
+import { Scene, TransformNode } from "@babylonjs/core";
+import { TileLayerRenderer } from "./tile/TileLayerRenderer";
+export interface IMapViewerOption {
+    id?: string;
+    name?: string;
+    projection?: 'EPSG:4326' | 'EPSG:3857';
+    viewWidth?: number;
+    bbox?: [number, number, number, number];
+    zoomOffset?: number;
+}
+export declare class MapViewer {
+    id: string;
+    name: string;
+    /**
+     * 地图根节点
+     */
+    rootNode: TransformNode;
+    /**
+     * 投影坐标系
+     */
+    projection: 'EPSG:4326' | 'EPSG:3857';
+    /**
+     * 地图范围
+     */
+    bbox: [number, number, number, number];
+    /**
+     * 地图大小
+     */
+    size: [number, number];
+    /**
+     * 瓦片图层渲染器
+     */
+    readonly tileLayerRenderer: TileLayerRenderer;
+    /**
+     * 地图场景
+     */
+    scene: Scene;
+    disposed: boolean;
+    zoomOffset: number;
+    /**
+     * 创建地图实例
+     * @param options 地图参数
+     */
+    constructor(options: IMapViewerOption | undefined, scene: Scene);
+    setZoomOffset(zoomOffset: number): void;
+    setBBox(bbox: [number, number, number, number]): void;
+    setViewWidth(viewWidth: number): void;
+    getMinZoom(): number;
+    /**
+     * 设置地图投影坐标系
+     * @param projection 投影坐标系
+     */
+    setProjection(projection: 'EPSG:4326' | 'EPSG:3857'): void;
+    /**
+     * 获取地图投影坐标系
+     * @returns 投影坐标系
+     */
+    getProjectionBbox(): [number, number, number, number];
+    /**
+     * 将wgs84坐标投影到地图坐标系
+     * @param coordinates 坐标
+     * @returns 投影后的坐标
+     */
+    project(coordinates: number[]): number[];
+    createGround(): void;
+    dispose(): void;
+}
+//# sourceMappingURL=MapViewer.d.ts.map

package/types/tool/map/MapViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapViewer.d.ts","sourceRoot":"","sources":["../../../../src/tool/map/MapViewer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,EAAoB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9F,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAI7D,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,WAAW,GAAG,WAAW,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,SAAS;IACpB,EAAE,EAAE,MAAM,CAAO;IACjB,IAAI,EAAE,MAAM,CAAc;IAC1B;;OAEG;IACH,QAAQ,EAAE,aAAa,CAAA;IACvB;;OAEG;IACH,UAAU,EAAE,WAAW,GAAG,WAAW,CAAe;IACpD;;OAEG;IACH,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAwB;IAC9D;;OAEG;IACH,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAc;IACpC;;OAEG;IACH,QAAQ,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IAC9C;;OAEG;IACH,KAAK,EAAE,KAAK,CAAA;IAEZ,QAAQ,UAAQ;IAEhB,UAAU,EAAE,MAAM,CAAK;IAEvB;;;OAGG;gBACU,OAAO,EAAE,gBAAgB,YAAK,EAAE,KAAK,EAAE,KAAK;IAqBzD,aAAa,CAAC,UAAU,EAAE,MAAM;IAKhC,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;IAQ9C,YAAY,CAAC,SAAS,EAAE,MAAM;IAS9B,UAAU;IASV;;;OAGG;IACH,aAAa,CAAC,UAAU,EAAE,WAAW,GAAG,WAAW;IAInD;;;OAGG;IACH,iBAAiB,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;IAOrD;;;;OAIG;IACH,OAAO,CAAE,WAAW,EAAE,MAAM,EAAE;IAO9B,YAAY;IAaZ,OAAO;CAGR"}

package/types/tool/map/MapViewer.js

@@ -0,0 +1,105 @@
+import { Color3, MeshBuilder, TransformNode } from "@babylonjs/core";
+import { Projection } from "./Projection";
+import { TileLayerRenderer } from "./tile/TileLayerRenderer";
+import { GridMaterial } from "@babylonjs/materials";
+import { v1 } from "uuid";
+export class MapViewer {
+    /**
+     * 创建地图实例
+     * @param options 地图参数
+     */
+    constructor(options = {}, scene) {
+        this.id = v1();
+        this.name = 'MapViewer';
+        /**
+         * 投影坐标系
+         */
+        this.projection = "EPSG:3857";
+        /**
+         * 地图范围
+         */
+        this.bbox = [-180, -90, 180, 90];
+        /**
+         * 地图大小
+         */
+        this.size = [100, 100];
+        this.disposed = false;
+        this.zoomOffset = 1;
+        this.id = options.id || this.id;
+        this.name = options.name || this.name;
+        this.rootNode = new TransformNode(options.name || "MapViewerRootNode", scene);
+        this.rootNode.name = options.name || this.rootNode.name;
+        this.rootNode.metadata = { editable: false };
+        this.rootNode.doNotSerialize = true;
+        this.bbox = options.bbox || this.bbox;
+        this.projection = options.projection || this.projection;
+        this.zoomOffset = options.zoomOffset || this.zoomOffset;
+        this.setViewWidth(options.viewWidth || this.size[0]);
+        this.scene = scene;
+        this.tileLayerRenderer = new TileLayerRenderer(this);
+        this.tileLayerRenderer.updateTiles(this.getMinZoom() + this.zoomOffset);
+        // this.createGround()
+    }
+    setZoomOffset(zoomOffset) {
+        this.zoomOffset = Math.min(4, zoomOffset);
+        this.tileLayerRenderer.setZoom(this.getMinZoom() + zoomOffset);
+    }
+    setBBox(bbox) {
+        this.bbox = bbox;
+        this.setViewWidth(this.size[0]);
+        this.tileLayerRenderer.updateTiles(this.getMinZoom() + this.zoomOffset);
+    }
+    setViewWidth(viewWidth) {
+        const bbox = this.getProjectionBbox();
+        this.size = [viewWidth, (bbox[3] - bbox[1]) * viewWidth / (bbox[2] - bbox[0])];
+        if (this.tileLayerRenderer) {
+            this.tileLayerRenderer.updateTiles(this.getMinZoom() + this.zoomOffset);
+        }
+    }
+    getMinZoom() {
+        const bbox = this.getProjectionBbox();
+        const maxBBox = this.projection === 'EPSG:3857' ? Projection.Max3857BBox : Projection.Max4326BBox;
+        const minZoom = Math.round(Math.log(Math.abs((maxBBox[2] - maxBBox[0]) / (bbox[3] - bbox[1]))) / Math.log(2));
+        return minZoom;
+    }
+    /**
+     * 设置地图投影坐标系
+     * @param projection 投影坐标系
+     */
+    setProjection(projection) {
+        this.projection = projection;
+    }
+    /**
+     * 获取地图投影坐标系
+     * @returns 投影坐标系
+     */
+    getProjectionBbox() {
+        const min = this.project([this.bbox[0], this.bbox[1]]);
+        const max = this.project([this.bbox[2], this.bbox[3]]);
+        return [min[0], min[1], max[0], max[1]];
+    }
+    /**
+     * 将wgs84坐标投影到地图坐标系
+     * @param coordinates 坐标
+     * @returns 投影后的坐标
+     */
+    project(coordinates) {
+        if (this.projection === 'EPSG:3857') {
+            return Projection.EPSG4326To3857(coordinates);
+        }
+        return coordinates;
+    }
+    createGround() {
+        const ground = MeshBuilder.CreateGround("ground", { width: this.size[0], height: this.size[1] }, this.scene);
+        ground.parent = this.rootNode;
+        const groundMaterial = new GridMaterial('初始网格材质', this.scene);
+        groundMaterial.mainColor = new Color3(0, 0, 0);
+        groundMaterial.opacity = 0.8;
+        groundMaterial.lineColor = new Color3(0, 0, 0);
+        groundMaterial.backFaceCulling = false;
+        ground.material = groundMaterial;
+    }
+    dispose() {
+        this.disposed = true;
+    }
+}

package/types/tool/map/Projection.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 坐标投影转换
+ */
+export declare class Projection {
+    static R: number;
+    static R_MINOR: number;
+    static MAX_LATITUDE: number;
+    static MAX_PROJECTED_COORD: number;
+    static EPSG4326: string;
+    static EPSG3857: string;
+    /**
+     * 投影坐标转换
+     * @param from 原始坐标系
+     * @param to 投影坐标系
+     * @param coordinates 坐标
+     * @returns 转换后的坐标
+     */
+    static Transform(from: string, to: string, coordinates: number[]): number[];
+    /**
+     * EPSG:4326转EPSG:3857
+     * @param coordinates 坐标
+     * @returns 转换后的坐标
+     */
+    static EPSG4326To3857(coordinates: number[]): number[];
+    /**
+     * EPSG:3857转EPSG:4326
+     * @param coordinates 坐标
+     * @returns 转换后的坐标
+     */
+    static EPSG3857To4326(coordinates: number[]): number[];
+    /**
+     * EPSG:3857范围
+     */
+    static Max3857BBox: [number, number, number, number];
+    /**
+     * EPSG:4326范围
+     */
+    static Max4326BBox: [number, number, number, number];
+}
+//# sourceMappingURL=Projection.d.ts.map

package/types/tool/map/Projection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Projection.d.ts","sourceRoot":"","sources":["../../../../src/tool/map/Projection.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,UAAU;IACrB,MAAM,CAAC,CAAC,SAAW;IACnB,MAAM,CAAC,OAAO,SAAoB;IAElC,MAAM,CAAC,YAAY,SAAgB;IACnC,MAAM,CAAC,mBAAmB,SAAmB;IAE7C,MAAM,CAAC,QAAQ,SAAe;IAC9B,MAAM,CAAC,QAAQ,SAAe;IAE9B;;;;;;OAMG;IACH,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE;IAahE;;;;OAIG;IACH,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE;IAmB3C;;;;OAIG;IACH,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE;IAa3C;;OAEG;IACH,MAAM,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAoF;IAExI;;OAEG;IACH,MAAM,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAwB;CAC7E"}

package/types/tool/map/Projection.js

@@ -0,0 +1,75 @@
+var _a;
+/**
+ * 坐标投影转换
+ */
+export class Projection {
+    /**
+     * 投影坐标转换
+     * @param from 原始坐标系
+     * @param to 投影坐标系
+     * @param coordinates 坐标
+     * @returns 转换后的坐标
+     */
+    static Transform(from, to, coordinates) {
+        if (from === to) {
+            return coordinates;
+        }
+        if (from === _a.EPSG4326 && to === _a.EPSG3857) {
+            return this.EPSG4326To3857(coordinates);
+        }
+        if (from === _a.EPSG3857 && to === _a.EPSG4326) {
+            return this.EPSG3857To4326(coordinates);
+        }
+        throw new Error(`Unsupported projection transformation: ${from} to ${to}`);
+    }
+    /**
+     * EPSG:4326转EPSG:3857
+     * @param coordinates 坐标
+     * @returns 转换后的坐标
+     */
+    static EPSG4326To3857(coordinates) {
+        // 约束纬度范围到有效值
+        const lat = Math.max(-this.MAX_LATITUDE, Math.min(this.MAX_LATITUDE, coordinates[1]));
+        const lng = Math.max(-180, Math.min(180, coordinates[0]));
+        // 转换为弧度
+        const latRad = lat * Math.PI / 180;
+        const lngRad = lng * Math.PI / 180;
+        // Web墨卡托投影公式
+        const x = this.R * lngRad;
+        const y = this.R * Math.log(Math.tan(Math.PI / 4 + latRad / 2));
+        // 约束坐标范围
+        const clampedX = Math.max(-this.MAX_PROJECTED_COORD, Math.min(this.MAX_PROJECTED_COORD, x));
+        const clampedY = Math.max(-this.MAX_PROJECTED_COORD, Math.min(this.MAX_PROJECTED_COORD, y));
+        return [clampedX, clampedY];
+    }
+    /**
+     * EPSG:3857转EPSG:4326
+     * @param coordinates 坐标
+     * @returns 转换后的坐标
+     */
+    static EPSG3857To4326(coordinates) {
+        // 约束坐标范围
+        const x = Math.max(-this.MAX_PROJECTED_COORD, Math.min(this.MAX_PROJECTED_COORD, coordinates[0]));
+        const y = Math.max(-this.MAX_PROJECTED_COORD, Math.min(this.MAX_PROJECTED_COORD, coordinates[1]));
+        // 反投影公式
+        const lng = x / this.R * 180 / Math.PI;
+        const latRad = 2 * Math.atan(Math.exp(y / this.R)) - Math.PI / 2;
+        const lat = latRad * 180 / Math.PI;
+        return [lng, lat];
+    }
+}
+_a = Projection;
+Projection.R = 6378137;
+Projection.R_MINOR = 6356752.314245179;
+Projection.MAX_LATITUDE = 85.0511287798;
+Projection.MAX_PROJECTED_COORD = _a.R * Math.PI;
+Projection.EPSG4326 = "EPSG:4326";
+Projection.EPSG3857 = "EPSG:3857";
+/**
+ * EPSG:3857范围
+ */
+Projection.Max3857BBox = [-20037508.342789244, -20037508.33989489, 20037508.342789244, 20037508.33989489];
+/**
+ * EPSG:4326范围
+ */
+Projection.Max4326BBox = [-180, -90, 180, 90];

package/types/tool/map/tile/TileLayer.d.ts

@@ -0,0 +1,9 @@
+export declare class TileLayer {
+    name: string;
+    url: string;
+    bbox: [number, number, number, number];
+    constructor(name: string, url: string);
+    getTileUrl(x: number, y: number, z: number): string;
+    requestImage(x: number, y: number, z: number): Promise<HTMLImageElement>;
+}
+//# sourceMappingURL=TileLayer.d.ts.map

package/types/tool/map/tile/TileLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileLayer.d.ts","sourceRoot":"","sources":["../../../../../src/tool/map/tile/TileLayer.ts"],"names":[],"mappings":"AAAA,qBAAa,SAAS;IACpB,IAAI,EAAE,MAAM,CAAM;IAClB,GAAG,EAAE,MAAM,CAAK;IAChB,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAgB;gBAC1C,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IAKrC,UAAU,CAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAI3C,YAAY,CAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC;CAY1E"}

package/types/tool/map/tile/TileLayer.js

@@ -0,0 +1,22 @@
+export class TileLayer {
+    constructor(name, url) {
+        this.name = "";
+        this.url = '';
+        this.bbox = [0, 0, 0, 0];
+        this.name = name;
+        this.url = url;
+    }
+    getTileUrl(x, y, z) {
+        return this.url.replace("{z}", z.toString()).replace("{x}", x.toString()).replace("{y}", y.toString());
+    }
+    requestImage(x, y, z) {
+        const url = this.getTileUrl(x, y, z);
+        const image = new Image();
+        image.crossOrigin = 'anonymous';
+        image.src = url;
+        return new Promise((resolve, reject) => {
+            image.onload = () => resolve(image);
+            image.onerror = () => reject(new Error("Failed to load image"));
+        });
+    }
+}

package/types/tool/map/tile/TileLayerRenderer.d.ts

@@ -0,0 +1,145 @@
+import { Mesh } from "@babylonjs/core";
+import { Layer } from "../Layer";
+import { MapViewer } from "../MapViewer";
+import { TileLayer } from "./TileLayer";
+/**
+ * 瓦片图层渲染器
+ */
+export declare class TileLayerRenderer extends Layer {
+    /**
+     * 瓦片图层渲染器
+     */
+    tileLayers: TileLayer[];
+    /**
+     * 地图视图
+     */
+    mapViewer: MapViewer;
+    /**
+     * 最大范围
+     */
+    maxBBox: [number, number, number, number];
+    /**
+     * 当前缩放级别
+     */
+    currentZoom: number;
+    /**
+     * 已渲染的瓦片集合，使用 "x-y-z" 作为键
+     */
+    private renderedTiles;
+    /**
+     * 摄像机位置观察者
+     */
+    private cameraObserver;
+    /**
+     * 是否启用自动更新
+     */
+    autoUpdate: boolean;
+    /**
+     * 构造函数
+     * @param mapViewer 地图视图
+     */
+    constructor(mapViewer: MapViewer);
+    get projectionBBox(): [number, number, number, number];
+    /**
+     * 获取地图范围
+     * @returns [minX, minY, maxX, maxY] 地图范围
+     */
+    get bbox(): [number, number, number, number];
+    /**
+     * 获取地图大小
+     * @returns [width, height] 地图大小
+     */
+    get size(): [number, number];
+    /**
+     * 获取地图投影
+     * @returns 地图投影
+     */
+    get projection(): "EPSG:4326" | "EPSG:3857";
+    /**
+     * 根据地图投影坐标和缩放级别获取瓦片序号
+     * @param x 投影坐标X
+     * @param y 投影坐标Y
+     * @param z 缩放级别
+     * @returns [tileX, tileY] 瓦片序号
+     */
+    positionToTile(x: number, y: number, z: number): [number, number];
+    /**
+     * 根据瓦片序号和缩放级别获取瓦片范围
+     * @param tileX 瓦片序号X
+     * @param tileY 瓦片序号Y
+     * @param z 缩放级别
+     * @returns [minX, minY, maxX, maxY] 瓦片范围
+     */
+    tileToBBox(tileX: number, tileY: number, z: number): [number, number, number, number];
+    /**
+     * 根据瓦片序号和缩放级别获取瓦片中心点坐标
+     * @param tileX 瓦片序号X
+     * @param tileY 瓦片序号Y
+     * @param z 缩放级别
+     * @returns [centerX, centerY] 瓦片中心点坐标
+     */
+    tileToCenter(tileX: number, tileY: number, z: number): [number, number];
+    /**
+     * 根据瓦片序号和缩放级别获取瓦片在视野中的尺寸大小
+     * @param tileX 瓦片序号X
+     * @param tileY 瓦片序号Y
+     * @param z 缩放级别
+     * @returns [width, height] 瓦片在视野中的宽度和高度(像素)
+     */
+    tileToViewportSize(tileX: number, tileY: number, z: number): [number, number];
+    /**
+     * 将投影坐标转换为地图视野相对坐标
+     * @param x 投影坐标X
+     * @param y 投影坐标Y
+     * @returns [relativeX, relativeY] 相对于地图视野的坐标
+     */
+    projectionToViewport(x: number, y: number): [number, number];
+    /**
+     * 根据瓦片序号和缩放级别获取瓦片网格
+     * @param tileX 瓦片序号X
+     * @param tileY 瓦片序号Y
+     * @param z 缩放级别
+     * @returns 瓦片网格
+     */
+    getTileMesh(tileX: number, tileY: number, z: number): Mesh;
+    /**
+     * 获取调试画布
+     * @returns 调试画布元素
+     */
+    getTileCanvas(tileX: number, tileY: number, z: number): HTMLCanvasElement;
+    updateTileTexture(tileX: number, tileY: number, z: number, tileMesh: Mesh): void;
+    /**
+     * 根据当前视野范围和缩放级别计算需要渲染的瓦片列表
+     * @param zoom 缩放级别
+     * @returns 需要渲染的瓦片坐标数组 [[tileX, tileY, z], ...]
+     */
+    calculateVisibleTiles(zoom: number): Array<[number, number, number]>;
+    /**
+     * 更新瓦片渲染，只渲染当前视野内的瓦片
+     * @param zoom 缩放级别
+     */
+    updateTiles(zoom: number): void;
+    /**
+     * 启用自动更新模式，监听摄像机变化自动更新瓦片
+     * @param zoom 缩放级别
+     */
+    enableAutoUpdate(zoom?: number): void;
+    /**
+     * 禁用自动更新模式
+     */
+    disableAutoUpdate(): void;
+    /**
+     * 设置缩放级别并更新瓦片
+     * @param zoom 缩放级别
+     */
+    setZoom(zoom: number): void;
+    /**
+     * 清除所有已渲染的瓦片
+     */
+    clearTiles(): void;
+    /**
+     * 释放资源
+     */
+    dispose(): void;
+}
+//# sourceMappingURL=TileLayerRenderer.d.ts.map

package/types/tool/map/tile/TileLayerRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileLayerRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/tool/map/tile/TileLayerRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAoE,MAAM,iBAAiB,CAAC;AACzG,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,KAAK;IAC1C;;OAEG;IACH,UAAU,EAAE,SAAS,EAAE,CAAM;IAC7B;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1C;;OAEG;IACH,WAAW,EAAE,MAAM,CAAK;IACxB;;OAEG;IACH,OAAO,CAAC,aAAa,CAAgC;IACrD;;OAEG;IACH,OAAO,CAAC,cAAc,CAAiC;IACvD;;OAEG;IACH,UAAU,EAAE,OAAO,CAAS;IAC5B;;;OAGG;gBACS,SAAS,EAAE,SAAS;IAWhC,IAAI,cAAc,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAErD;IAED;;;OAGG;IACH,IAAI,IAAI,qCAEP;IAED;;;OAGG;IACH,IAAI,IAAI,qBAEP;IAED;;;OAGG;IACH,IAAI,UAAU,8BAEb;IAED;;;;;;OAMG;IACH,cAAc,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IAiBjE;;;;;;OAMG;IACH,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;IAmBrF;;;;;;OAMG;IACH,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IAOvE;;;;;;OAMG;IACH,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IAc7E;;;;;OAKG;IACH,oBAAoB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IAe5D;;;;;;OAMG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAmB1D;;;OAGG;IACH,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,iBAAiB;IAmBzE,iBAAiB,CAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI;IAsC1E;;;;OAIG;IACH,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAuBpE;;;OAGG;IACH,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IA4B/B;;;OAGG;IACH,gBAAgB,CAAC,IAAI,GAAE,MAAU,GAAG,IAAI;IAmBxC;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAQzB;;;OAGG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAO3B;;OAEG;IACH,UAAU,IAAI,IAAI;IAOlB;;OAEG;IACH,OAAO,IAAI,IAAI;CAKhB"}