@pirireis/webglobeplugins 0.15.35 → 0.16.0

package/compass-rose/compass-text-writer.js

@@ -1,149 +1,173 @@
-import { CSZMode, CSMeasureTextPositionTypes } from "@pirireis/webglobe";
-// 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,
-// }
-/**
- * TODOs:
- * 1) update all if initials change (propably need a context and a callback to iterate over data)
- * 2) expose a mechanic to update text on zoom change
- * 3) extend the mechanic on 2 to other events
- */
-const yGapFit = -2;
-const xGapFit = -5;
-export class PixelPaddingCompassTextWriter {
-    constructor(globe, { font = {
-        name: 'Arial',
-        textColor: '#FFFFFF', // beyaz
-        hollowColor: '#000000', // siyah
-        size: 12, // piksel
-        hollow: true,
-        bold: true,
-        italic: false,
-    }, northFont = {
-        name: 'Arial',
-        textColor: '#BB0000', // beyaz
-        hollowColor: '#000000', // siyah
-        size: 14, // piksel
-        hollow: true,
-        bold: true,
-        italic: false,
-    }, doDraw = true, angle = 30, } = {}) {
-        this.globe = globe;
-        this.itemMap = new Map();
-        this.font = font;
-        this.northFont = northFont;
-        this.doDraw = doDraw;
-        this.angle = angle;
-        this.angles = [];
-        this.texts = [];
-        this.positions = [];
-        let currentAngle = 0;
-        while (currentAngle < 360) {
-            if (currentAngle > 180) {
-                this.positions.push(CSMeasureTextPositionTypes.CENTER);
-            }
-            else {
-                this.positions.push(null);
-            }
-            this.angles.push(currentAngle);
-            if (currentAngle == 0) {
-                this.texts.push("K");
-            }
-            else {
-                // to string 3 chars fill left with 0
-                this.texts.push(currentAngle.toString().padStart(3, '0'));
-            }
-            currentAngle += this.angle;
-        }
-        this._lastNorthAngle = globe.api_GetCurrentLookInfo()["NorthAng"] * (Math.PI / 180);
-        this.offsets = this.__offset(this._lastNorthAngle);
-    }
-    setKeyAdaptor(adaptor) {
-        this.keyAdaptor = adaptor;
-    }
-    setDoDraw(bool) {
-        this.doDraw = bool;
-    }
-    setFont(font) {
-        this.font = font;
-    }
-    setNorthFont(font) {
-        this.northFont = font;
-    }
-    setOpacity(opacity) {
-        this.opacity = opacity;
-    }
-    _checkSetOffsets() {
-        const { globe } = this;
-        const newAngle = globe.api_GetCurrentLookInfo()["NorthAng"] * (Math.PI / 180);
-        ;
-        if (newAngle !== this._lastNorthAngle) {
-            this._lastNorthAngle = newAngle;
-            this.offsets = this.__offset();
-        }
-    }
-    draw() {
-        if (!this.doDraw)
-            return;
-        const { globe, font, opacity: opacity_, northFont, itemMap, texts, angles, positions } = this;
-        this._checkSetOffsets(); //  zMode: CSZMode.Z_GROUND_PERVERTEX,
-        const offsets = this.offsets;
-        for (const [key, { center, radius, opacity = null }] of itemMap) {
-            const o = opacity === null ? opacity_ : opacity * opacity_;
-            if (center.x !== null && center.y !== null) {
-                offsets.forEach(({ offsetX, offsetY }, i) => {
-                    const text = texts[i];
-                    const angle = angles[i];
-                    font.position = positions[i];
-                    if (angle === 0) {
-                        globe.api_DrawContextTextMultiLine(text, northFont, o, { x: center.x + offsetX * radius + xGapFit, y: center.y + offsetY * radius + yGapFit });
-                    }
-                    else {
-                        globe.api_DrawContextTextMultiLine(text, font, o, { x: center.x + offsetX * radius + xGapFit, y: center.y + offsetY * radius + yGapFit });
-                    }
-                });
-            }
-        }
-    }
-    insertTextItem(key, x, y, radius = undefined) {
-        const item = this.getItem(key);
-        item.center = { x, y };
-        if (radius === undefined)
-            return;
-        if (item.radius != undefined && item.radius === radius)
-            return;
-        item.radius = radius;
-    }
-    getItem(key) {
-        if (!this.itemMap.has(key))
-            this.itemMap.set(key, {});
-        return this.itemMap.get(key);
-    }
-    __calculateOffset(angle) {
-        const rAngle = (angle - 90) * (Math.PI / 180);
-        return { offsetX: Math.cos(rAngle + this._lastNorthAngle), offsetY: Math.sin(rAngle + this._lastNorthAngle) };
-    }
-    __offset() {
-        const angle = this.angle;
-        const offsets = [];
-        let currentAngle = 0;
-        while (currentAngle < 360) {
-            offsets.push(this.__calculateOffset(currentAngle));
-            currentAngle += angle;
-        }
-        return offsets;
-    }
-    clear() {
-        this.itemMap.clear();
-    }
-}
+import { CSZMode, CSMeasureTextPositionTypes } from "@pirireis/webglobe";
+
+// 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,
+// }
+
+/**
+ * TODOs:
+ * 1) update all if initials change (propably need a context and a callback to iterate over data)
+ * 2) expose a mechanic to update text on zoom change
+ * 3) extend the mechanic on 2 to other events
+ */
+const yGapFit = -2
+const xGapFit = -5
+
+export class PixelPaddingCompassTextWriter {
+    constructor(globe, {
+        font = {
+            name: 'Arial',
+            textColor: '#FFFFFF', // beyaz
+            hollowColor: '#000000', // siyah
+            size: 12, // piksel
+            hollow: true,
+            bold: true,
+            italic: false,
+        }, northFont = {
+            name: 'Arial',
+            textColor: '#BB0000', // beyaz
+            hollowColor: '#000000', // siyah
+            size: 14, // piksel
+            hollow: true,
+            bold: true,
+            italic: false,
+
+        }, doDraw = true, angle = 30, } = {}) {
+        this.globe = globe;
+        this.itemMap = new Map();
+        this.font = font;
+        this.northFont = northFont;
+        this.doDraw = doDraw;
+        this.angle = angle;
+        this.angles = []
+        this.texts = []
+        this.positions = []
+        let currentAngle = 0;
+        while (currentAngle < 360) {
+            if (currentAngle > 180) {
+                this.positions.push(CSMeasureTextPositionTypes.CENTER);
+            } else {
+                this.positions.push(null);
+            }
+            this.angles.push(currentAngle);
+            if (currentAngle == 0) {
+                this.texts.push("K");
+            } else {
+                // to string 3 chars fill left with 0
+
+
+                this.texts.push(currentAngle.toString().padStart(3, '0'));
+            }
+            currentAngle += this.angle;
+        }
+        this._lastNorthAngle = globe.api_GetCurrentLookInfo()["NorthAng"] * (Math.PI / 180);
+        this.offsets = this.__offset(this._lastNorthAngle);
+
+
+    }
+
+    setKeyAdaptor(adaptor) {
+        this.keyAdaptor = adaptor;
+    }
+
+    setDoDraw(bool) {
+        this.doDraw = bool;
+    }
+
+    setFont(font) {
+        this.font = font;
+    }
+
+    setNorthFont(font) {
+        this.northFont = font;
+    }
+
+    setOpacity(opacity) {
+        this.opacity = opacity;
+    }
+
+
+    _checkSetOffsets() {
+        const { globe } = this;
+        const newAngle = globe.api_GetCurrentLookInfo()["NorthAng"] * (Math.PI / 180);;
+        if (newAngle !== this._lastNorthAngle) {
+            this._lastNorthAngle = newAngle;
+            this.offsets = this.__offset();
+        }
+    }
+
+
+    draw() {
+        if (!this.doDraw) return;
+        const { globe, font, opacity: opacity_, northFont, itemMap, texts, angles, positions } = this;
+        this._checkSetOffsets();//  zMode: CSZMode.Z_GROUND_PERVERTEX,
+        const offsets = this.offsets;
+        for (const [key, { center, radius, opacity = null }] of itemMap) {
+            const o = opacity === null ? opacity_ : opacity * opacity_;
+            if (center.x !== null && center.y !== null) {
+                offsets.forEach(({ offsetX, offsetY }, i) => {
+                    const text = texts[i];
+                    const angle = angles[i];
+                    font.position = positions[i];
+                    if (angle === 0) {
+                        globe.api_DrawContextTextMultiLine(text, northFont, o, { x: center.x + offsetX * radius + xGapFit, y: center.y + offsetY * radius + yGapFit });
+
+                    } else {
+                        globe.api_DrawContextTextMultiLine(text, font, o, { x: center.x + offsetX * radius + xGapFit, y: center.y + offsetY * radius + yGapFit });
+
+                    }
+                });
+            }
+
+        }
+    }
+
+
+    insertTextItem(key, x, y, radius = undefined) {
+        const item = this.getItem(key);
+        item.center = { x, y };
+        if (radius === undefined) return;
+        if (item.radius != undefined && item.radius === radius) return;
+        item.radius = radius;
+
+    }
+
+    getItem(key) {
+        if (!this.itemMap.has(key)) this.itemMap.set(key, {});
+        return this.itemMap.get(key);
+    }
+
+    __calculateOffset(angle) {
+        const rAngle = (angle - 90) * (Math.PI / 180);
+        return { offsetX: Math.cos(rAngle + this._lastNorthAngle), offsetY: Math.sin(rAngle + this._lastNorthAngle) };
+    }
+
+    __offset() {
+        const angle = this.angle;
+        const offsets = []
+        let currentAngle = 0;
+        while (currentAngle < 360) {
+            offsets.push(this.__calculateOffset(currentAngle));
+
+            currentAngle += angle;
+        }
+        return offsets;
+    }
+
+
+    clear() {
+        this.itemMap.clear();
+    }
+}
+
+

package/compass-rose/index.js

@@ -1,3 +1,3 @@
-import { PixelPaddingCompassTextWriter } from "./compass-text-writer";
-import { PixelPaddingCompassPlugin } from "./compass-rose-padding-flat";
-export { PixelPaddingCompassPlugin, PixelPaddingCompassTextWriter };
+import { PixelPaddingCompassTextWriter } from "./compass-text-writer";
+import { PixelPaddingCompassPlugin } from "./compass-rose-padding-flat";
+export { PixelPaddingCompassPlugin, PixelPaddingCompassTextWriter }