@pirireis/webglobeplugins 0.15.22-alpha → 0.15.24

package/write-text/context-text4.js

@@ -0,0 +1,140 @@
+// @ts-ignore
+import { CSZMode } from "@pirireis/webglobe";
+import { isTextFont, opacityCheck } from "../util/check/typecheck";
+/**
+ * TODOs:
+ * 1) update all if initials change (propably need a context and a callback to iterate over zPayload)
+ * 2) expose a mechanic to update text on zoom change
+ * 3) extend the mechanic on 2 to other events
+ *
+ * TODO: key check and raise error if doesnt exist
+ */
+const defaultStyle = {
+    textFont: {
+        name: 'Arial',
+        textColor: '#FFFFFF', // beyaz
+        hollowColor: '#000000', // siyah
+        size: 12, // piksel
+        hollow: true,
+        bold: true,
+        italic: false,
+    },
+    opacity: 1.0,
+    zMode: CSZMode.Z_GROUND_PERVERTEX,
+};
+// xOffset = 0,
+// yOffset = 0,
+// doDraw = true,
+// textAdaptor = null,
+// coordinatesAdaptor = null,
+// keyAdaptor = null,
+// opacityAdaptor = null,
+// angleAdaptor = null,
+// angleOnSphere = false,
+// positionAdaptor = (item: any, i: number, container: any[], properties?: any): string => "left",
+export class ContextTextWriter4 {
+    globe;
+    itemMap;
+    style;
+    doDraw;
+    textAdaptor;
+    deleteAdaptor;
+    zoomLevelAdaptor;
+    xOffset;
+    yOffset;
+    angleOptions;
+    constructor(globe, textAdaptor, deleteAdaptor, zoomLevelAdaptor = (zoomLevel) => (item) => {
+        return {
+            opacityMultiplier: 1,
+            sizeMultiplier: 1
+        };
+    }, style = defaultStyle, angleOptions = {
+        angleOnSphere: false,
+        angleIsOn: false
+    }, doDraw = true, offset = { x: 0, y: 0 }) {
+        this.globe = globe;
+        this.itemMap = new Map();
+        this.setStyle(style);
+        this.angleOptions = angleOptions;
+        this.doDraw = doDraw;
+        this.style = style;
+        this.angleOptions = angleOptions;
+        this.textAdaptor = textAdaptor;
+        this.deleteAdaptor = deleteAdaptor;
+        this.zoomLevelAdaptor = zoomLevelAdaptor;
+        this.xOffset = offset.x;
+        this.yOffset = offset.y;
+    }
+    setDoDraw(bool) {
+        this.doDraw = bool;
+        this.globe.DrawRender();
+    }
+    setStyle(style) {
+        isTextFont(style.textFont);
+        opacityCheck(style.opacity); //TODO: use shallow copy
+        this.style = style;
+        this.globe.DrawRender();
+    }
+    setOpacity(opacity) {
+        this.style.opacity = opacity;
+        this.globe.DrawRender();
+    }
+    draw() {
+        if (!this.doDraw)
+            return;
+        const { globe, style, itemMap, xOffset, yOffset } = this;
+        const { textFont, opacity: opacity_ } = style;
+        const textSize = textFont.size;
+        const is3D = globe.api_GetCurrentGeometry() === 0;
+        const angleIsOn = is3D ? (this.angleOptions.angleIsOn && this.angleOptions.angleOnSphere) : (this.angleOptions.angleIsOn);
+        const zoomLevel = globe.api_GetCurrentLODWithDecimal();
+        const zoomAdaptor = this.zoomLevelAdaptor(zoomLevel);
+        for (const item of itemMap.values()) {
+            const { lat, long, text, opacity = null, angle = null, zPayload, position } = item;
+            const { x, y } = globe.api_GetScreenPointFromGeo({
+                long: long,
+                lat: lat,
+                z: 0,
+            }, style.zMode === CSZMode.Z_MSL);
+            const { opacityMultiplier, sizeMultiplier } = zoomAdaptor(zPayload);
+            const o = (opacity === null ? opacity_ : opacity * opacity_) * opacityMultiplier;
+            textFont.size = sizeMultiplier * textSize;
+            textFont.position = position;
+            if (x !== null && y !== null)
+                globe.api_DrawContextTextMultiLine(text, textFont, o, { x: x + xOffset, y: y - yOffset }, angleIsOn, angle);
+        }
+        textFont.size = textSize;
+    }
+    insertText(data) {
+        const textDatas = this.textAdaptor(data);
+        for (const textData of textDatas) {
+            this.itemMap.set(textData.key, textData);
+        }
+    }
+    insertTextBulk(datas) {
+        for (const data of datas) {
+            this.insertText(data);
+        }
+    }
+    deleteText(data) {
+        const key = this.deleteAdaptor ? this.deleteAdaptor(data) : data;
+        if (this.itemMap.has(key)) {
+            this.itemMap.delete(key);
+        }
+    }
+    deleteTextBulk(datas) {
+        for (const data of datas) {
+            this.deleteText(data);
+        }
+    }
+    setOffsets(x, y) {
+        this.xOffset = x;
+        this.yOffset = y;
+    }
+    clear() {
+        this.itemMap.clear();
+    }
+    free() {
+        this.itemMap = null;
+    }
+}