init pixi components

Author: fltb

src/pixi/components/AbstructComponent.js

@@ -0,0 +1,13 @@
+export class AbstractComponent {
+    /**
+     * 地图中的组件。组件是图层中的基本元素。一般来说会通过控制一些 Pixi Graphic 或者 Sprite 对象来渲染元素。
+     * 
+     * @param {import("../layers/AbstructLayer").AbstractLayer} layer - pixi scene object
+     * @param {String} id 
+     */
+    constructor(layer, id) {
+        this.layer = layer;
+        this.scene = layer.scene
+        this.id = id
+    }
+}

src/pixi/components/BackgroundTile.js

@@ -0,0 +1,19 @@
+import { AbstractComponent } from "./AbstructComponent";
+
+export class BackgroundTile extends AbstractComponent {
+    /**
+     * 地图 tile 组件，在图层上渲染一小块地图
+     * 
+     * @param {import("../layers/AbstructLayer").AbstractLayer} layer - pixi scene object
+     * @param {String} id 
+     * @param {String} source - a format string for tile source
+     * @param {Number} zoom - a number of zoom level
+     * @param {Number} x - 当前 zoom 在地图分割后的 x, 不是坐标
+     * @param {Number} y - 当前 zoom 在地图分割后的 y, 不是坐标
+     */
+    constructor(layer, id, source, zoom, x, y) {
+        super(layer, id)
+        this.source = source
+        this.zoom = zoom
+    }
+}

src/pixi/components/Line.js

@@ -0,0 +1,16 @@
+import { AbstractComponent } from "./AbstructComponent";
+
+
+export class Line extends AbstractComponent {
+    /**
+     * 渲染一条线，注意有宽度，高亮和阴影，使用 PIXI Graphic
+     * 
+     * @param {import("../layers/AbstructLayer").AbstractLayer} layer - pixi scene object
+     * @param {String} id 
+     * @param {Number} zoom - a number of zoom level
+     */
+    constructor(layer, id, zoom) {
+        super(layer, id)
+        this.zoom = zoom
+    }
+}

src/pixi/components/Point.js

@@ -0,0 +1,20 @@
+import { AbstractComponent } from "./AbstructComponent";
+
+
+export class Point extends AbstractComponent {
+    /**
+     * 渲染一个点。
+     * 
+     * @param {import("../layers/AbstructLayer").AbstractLayer} layer - pixi scene object
+     * @param {String} id 
+     * @param {Number} zoom - a number of zoom level
+     * @param {Number} x - EPSG:3857
+     * @param {Number} y - EPSG:3857
+     */
+    constructor(layer, id, zoom, x, y) {
+        super(layer, id)
+        this.zoom = zoom
+        this.x = x
+        this.y = y
+    }
+}

src/pixi/components/Polygon.js

@@ -0,0 +1,16 @@
+import { AbstractComponent } from "./AbstructComponent";
+
+export class Polygon extends AbstractComponent {
+    /**
+     * 地图 tile 组件，在图层上渲染一小块地图
+     * 
+     * @param {import("../layers/AbstructLayer").AbstractLayer} layer - pixi scene object
+     * @param {String} id 
+     * @param {Number} zoom - a number of zoom level
+     */
+    constructor(layer, id, zoom) {
+        super(layer, id)
+        this.source = source
+        this.zoom = zoom
+    }
+}