@pirireis/webglobeplugins 0.15.35 → 0.16.0

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

@@ -0,0 +1,149 @@
+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/dist/compass-rose/index.js

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

package/dist/compassrose/compassrose.js

@@ -0,0 +1,293 @@
+// TODO: REMOVE THIS
+import { CSGlobe, CSObjectTypes, CSIconTypes, CSObjectArrayUpdateTypes, GlobeManager } from "@pirireis/webglobe";
+const object = {
+    "displayName": "CompassRose",
+    "layerType": 3,
+    "wkbGeom": null,
+    "wfsLayerName": null,
+    "style": {
+        "labels": [
+            {
+                "startLod": 2,
+                "endLod": 25,
+                "position": 0,
+                "text": "'${title}'",
+                "textCallback": null,
+                "offset": {
+                    "x": 0,
+                    "y": 0
+                },
+                "vAlignment": 2,
+                "hAlignment": 2,
+                "size": 20,
+                "hollowColor": "#000",
+                "textColor": "#FFF",
+                "textOpacity": 1,
+                "transform": 0,
+                "fontFamily": {
+                    "name": "arial",
+                    "bold": true,
+                    "italic": false,
+                    "hollow": true,
+                    "hollowWidth": 2,
+                    "hollowBlur": 1,
+                    "hollowOpacity": 0.75
+                },
+                "reductable": false,
+                "reduction": false,
+                "searchAvailablePlace": false,
+                "searchRadius": 3,
+                "forceToDraw": false,
+                "drawAlways": false,
+                "canMove": true,
+                "ignoreEmptyStrings": false,
+                "textStyle": null
+            }
+        ],
+        "iconType": 4,
+        "active": true,
+        "icon": {
+            "rotateByGlobe": true,
+            "integerPosition": false,
+            "mapName": "light",
+            "name": "lightning25",
+            "iconColor": "#ffffff",
+            "borderColor": "#0000ff",
+            "fillColor": "#ffffff",
+            "borderWidth": 2,
+            "radius": 70,
+            "sizeX": 140,
+            "sizeY": 140,
+            "rotDeg": 0
+        },
+        "iconReduction": {
+            "reduction": false,
+            "searchAvailablePlace": false,
+            "searchRadius": 3,
+            "forceToDraw": false
+        },
+        "mouseOverSymbolScale": 1,
+        "shape": null,
+        "filter": [],
+        "lineType": {
+            "cap": "round",
+            "join": "round",
+            "miterLimit": 2,
+            "dash": [],
+            "width": 2
+        },
+        "opacity": 1,
+        "border": true,
+        "borderColor": "#000000",
+        "filled": true,
+        "fillColor": "#ffff00",
+        "bottomFilled": false,
+        "bottomFillColor": "#ffff00",
+        "sideFilled": true,
+        "sideColor": "#ff00ff",
+        "cullFace": true,
+        "depthTest": false,
+        "zMode": 1,
+        "displayName": "",
+        "fidKey": "name_local",
+        "startLod": 2,
+        "endLod": 25,
+        "flashIcon": false,
+        "flashShape": false,
+        "flashLabels": false,
+        "flashGeo": false,
+        "lodDisplay": []
+    },
+    "objectType": "point",
+    "bbox": null,
+    "startLod": 2,
+    "endLod": 19,
+    "continuousLOD": true,
+    "MVTXYZName": "hd_seyp",
+    "rasterize": false,
+    "selectedStyle": {
+        "labels": [
+            {
+                "startLod": 2,
+                "endLod": 25,
+                "position": 0,
+                "text": "",
+                "textCallback": null,
+                "offset": {
+                    "x": 16,
+                    "y": -16
+                },
+                "vAlignment": 2,
+                "hAlignment": 2,
+                "size": 20,
+                "hollowColor": "#000",
+                "textColor": "#FFF",
+                "textOpacity": 1,
+                "transform": 0,
+                "fontFamily": {
+                    "name": "arial",
+                    "bold": true,
+                    "italic": false,
+                    "hollow": true,
+                    "hollowWidth": 2,
+                    "hollowBlur": 1,
+                    "hollowOpacity": 0.75
+                },
+                "drawAlways": true,
+                "canMove": false,
+                "ignoreEmptyStrings": false,
+                "textStyle": null
+            }
+        ],
+        "icon": {
+            "iconColor": "#ffffff",
+            "borderColor": "#000000",
+            "fillColor": "#ff0000",
+            "borderWidth": 2,
+            "radius": 16,
+            "sizeX": 32,
+            "sizeY": 32,
+            "rotDeg": 0
+        },
+        "mouseOverSymbolScale": 1,
+        "shape": {
+            "type": 3
+        },
+        "filter": [],
+        "opacity": 0.75,
+        "borderColor": "#000000",
+        "fillColor": "#ff0000",
+        "bottomFillColor": "#ff00ff",
+        "sideColor": "#ffff00",
+        "flashIcon": false,
+        "flashShape": false,
+        "flashLabels": false,
+        "flashGeo": false
+    }
+};
+const setIconSize = (object, size) => {
+    object.style.icon.sizeX = size;
+    object.style.icon.sizeY = size;
+    object.style.icon.radius = Math.ceil(size / 2);
+};
+const setMapName = (object, mapName) => {
+    object.style.icon.mapName = mapName;
+};
+const setIconName = (object, name) => {
+    object.style.icon.name = name;
+};
+const setData = (object, data) => {
+    object.data = data;
+};
+const addSingleImageIconMap = symbolSet => url => {
+    GlobeManager.api_AddIconMap(symbolSet, url, null);
+};
+const setFIDKey = (object, key) => {
+    object.style.fidKey = key;
+};
+export default class CompassRose {
+    constructor(id, globe, { size = 100, primaryKey = "__key__", symbolSet = "compassRose", iconSet = null, imageURL = null, data = null }) {
+        this.id = id;
+        this.globe = globe;
+        this._idCollector = new Set();
+        this.primaryKey = primaryKey;
+        this.object = structuredClone(object);
+        this.object.id = id;
+        setIconSize(this.object, size);
+        if (imageURL) {
+            addSingleImageIconMap(symbolSet)(imageURL);
+        }
+        setMapName(this.object, symbolSet);
+        setIconName(this.object, symbolSet);
+        setFIDKey(this.object, primaryKey);
+        globe.ObjectArray.Add(this.object);
+        if (data)
+            this.setControlledData(data);
+    }
+    setIconSize(size) {
+        const { object, globe } = this;
+        setIconSize(object, size);
+        globe.ObjectArray.StyleChanged(object);
+    }
+    setMapName(mapName) {
+        const { object, globe } = this;
+        setMapName(object, mapName);
+        globe.ObjectArray.StyleChanged(object);
+    }
+    flush() {
+        this._idCollector.clear();
+        this._setData({ coords: [], coordsZ: [], attribs: [] });
+    }
+    insert(data) {
+        const updateBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: [],
+        };
+        const addBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: [],
+        };
+        let bucket;
+        for (let i = 0; i < data.attribs.length; i++) {
+            const currentPayload = data.attribs[i];
+            const id = currentPayload[this.primaryKey];
+            if (this._idCollector.has(id)) {
+                bucket = updateBucket;
+            }
+            else {
+                this._idCollector.add(id);
+                bucket = addBucket;
+            }
+            bucket.coords.push(data.coords[2 * i], data.coords[2 * i + 1]);
+            bucket.coordsZ.push(data.coordsZ[i]);
+            bucket.attribs.push(currentPayload);
+        }
+        if (addBucket.coords.length > 0) {
+            this._updateData(addBucket, CSObjectArrayUpdateTypes.ADD, { attribs: false, icon: false, label: false, heading: false });
+        }
+        if (updateBucket.coords.length > 0) {
+            this._updateData(updateBucket, CSObjectArrayUpdateTypes.UPDATE, { attribs: false, icon: false, label: false, heading: false });
+        }
+    }
+    delete(dataIDs) {
+        const deleteBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: [],
+        };
+        dataIDs.forEach(id => {
+            if (this._idCollector.has(id)) {
+                this._idCollector.delete(id);
+                deleteBucket.coords.push(0, 0);
+                deleteBucket.coordsZ.push(0);
+                // also can be written as follows
+                deleteBucket.attribs.push({
+                    [this.primaryKey]: id,
+                });
+            }
+        });
+        if (deleteBucket.coords.length > 0) {
+            this._updateData(deleteBucket, CSObjectArrayUpdateTypes.DELETE);
+        }
+    }
+    removeFromMap() {
+        this.globe.ObjectArray.Delete(this.id);
+    }
+    // private
+    _setData(data) {
+        const { globe, object } = this;
+        globe.ObjectArray.SetData(object, [data]);
+    }
+    /**
+     * @param {PointObjectArray} data
+     * @param {CSObjectArrayUpdateTypes} operation
+     * @param {CanChangeOptions} [canChange]
+     */
+    _updateData(data, operation, canChange) {
+        const { globe, object } = this;
+        globe.ObjectArray.UpdateData(object, operation, [data], canChange);
+    }
+}
+const getID = (data, primaryKey) => data.attribs[primaryKey];

package/dist/compassrose/index.js

@@ -0,0 +1,2 @@
+import CompassRose from "./compassrose";
+export { CompassRose };

package/dist/heatwave/index.js

@@ -0,0 +1,3 @@
+import HeatWavePlugin from './plugins/heatwaveglobeshell';
+import { IsobarRasterToVector } from './isobar/plugin';
+export { HeatWavePlugin, IsobarRasterToVector };

package/dist/heatwave/isobar/objectarraylabels.js

@@ -0,0 +1,200 @@
+import { CSGlobe, CSIconTypes, CSObjectTypes, CSObjectArrayUpdateTypes, } from "@pirireis/webglobe";
+/**
+ * @typedef {Object} IconPayload
+ * @property {string} app6DCode
+ * @property {string} accsCode
+ */
+/**
+ * @typedef {IconPayload & Object.<string, any>} PointPayload
+ */
+/**
+ * @typedef {Object} CanChangeOptions
+ * @property {boolean} [attribs=false]
+ * @property {boolean} [icon=false]
+ * @property {boolean} [label=false]
+ * @property {boolean} [heading=false]
+ */
+/**
+ * @typedef {Object} PointObjectArray
+ * @property {number[]} coords [longitude1, latitude1, longitude2, latitude2, ....]
+ * @property {number[]} coordsZ [z1, z2, ....]
+ * @property {PointPayload[]} attribs
+ */
+class ObjectArrayLabels {
+    /**
+     * @param {number | string} id
+     * @param {CSGlobe} globe
+     */
+    constructor(id, globe, labelStyle = null) {
+        this.id = id;
+        this.setGlobe(globe);
+        this.data = [
+            {
+                coords: [],
+                coordsZ: [],
+                attribs: [],
+            },
+        ];
+        this.primaryKey = "id";
+        this.objectType = CSObjectTypes.POINT;
+        this.filter = null;
+        this.bbox = null;
+        this.startLod = 2;
+        this.endLod = 19;
+        this.query = true;
+        this.reportObj = function (values, mouseEvent) { };
+        this._idCollector = new Set();
+        this._setStyle(labelStyle);
+    }
+    _setStyle(labelStyle) {
+        this.style = this.globe.ObjectArray.GetDefaultStyle();
+        if (labelStyle) {
+            this.style.labels[0] = labelStyle;
+        }
+        else {
+            this.style.labels[0].vAlignment = 2; // dikey olarak tam noktanın ortası
+            this.style.labels[0].hAlignment = 2; // yatay olarak tam noktanın ortası
+            this.style.labels[0].size = 11;
+            this.style.labels[0].drawAlways = true;
+            this.style.labels[0].fontFamily.name = "arial";
+            this.style.labels[0].fontFamily.bold = false;
+            this.style.labels[0].fontFamily.hollow = true;
+            this.style.labels[0].fontFamily.hollowWidth = 1;
+            this.style.labels[0].fontFamily.hollowOpacity = 1;
+        }
+        this.style.labels[0].text = "${value}";
+        this.style.fidKey = this.primaryKey;
+        this.style.iconType = CSIconTypes.NOICON; // milIcon ekleyebilmek için icon tipi MAP olmalı
+    }
+    /**
+     * @param {CSGlobe} [globe]
+     */
+    setGlobe(globe) {
+        if (!globe)
+            return;
+        this.globe = globe;
+    }
+    addToMap() {
+        this.globe.ObjectArray.Add(this);
+    }
+    removeFromMap() {
+        this.flush();
+        this.globe.ObjectArray.Delete(this.id);
+    }
+    /**
+     * Haritaya kullanılacak veriyi verir. Her çağrıldığında tüm hesaplamalar yeniden yapılır
+     * @param {PointObjectArray} data
+     */
+    setData(data) {
+        this.globe.ObjectArray.SetData(this, [data]);
+    }
+    /**
+     * @param {PointObjectArray} data
+     * @param {CSObjectArrayUpdateTypes} operation
+     * @param {CanChangeOptions} [canChange]
+     */
+    updateData(data, operation, canChange) {
+        this.globe.ObjectArray.UpdateData(this, operation, [data], canChange);
+    }
+    flush() {
+        const deleteBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: [],
+        };
+        this.setData(deleteBucket);
+        this._idCollector = new Set();
+    }
+    /**
+     * Haritaya kullanılacak veriyi verir. Her çağrıldığında tüm hesaplamalar yeniden yapılmaz, ancak ön hesaplama maliyeti vardır
+     * @param {PointObjectArray} data
+     */
+    setControlledData(data) {
+        const paritalData = {
+            add: {
+                coords: [],
+                coordsZ: [],
+                attribs: [],
+            },
+            update: {
+                coords: [],
+                coordsZ: [],
+                attribs: [],
+            },
+            delete: {
+                coords: [],
+                coordsZ: [],
+                attribs: [],
+            },
+            canChange: {
+                // Tüm değişimler gözardı edilecek
+                attribs: false,
+                icon: false,
+                label: false,
+                heading: false,
+            },
+        };
+        // İlk toplu ekleme adımı
+        if (this._idCollector.size === 0) {
+            this.setData(data);
+            // Eklenen id'ler set edildi
+            for (let i = 0; i < data.attribs.length; i++) {
+                const currentPayload = data.attribs[i];
+                const id = currentPayload[this.primaryKey];
+                this._idCollector.add(id);
+            }
+            return;
+        }
+        /** @type {Set<string>} */
+        const dataIds = new Set();
+        for (let i = 0; i < data.attribs.length; i++) {
+            const currentPayload = data.attribs[i];
+            const id = currentPayload[this.primaryKey];
+            let bucket = paritalData.add;
+            dataIds.add(id);
+            if (this._idCollector.has(id)) {
+                bucket = paritalData.update;
+            }
+            else {
+                this._idCollector.add(id);
+            }
+            bucket.coords.push(data.coords[2 * i], data.coords[2 * i + 1]);
+            bucket.coordsZ.push(data.coordsZ[i]);
+            bucket.attribs.push(currentPayload);
+        }
+        // Artık varolmayan elemenları sil
+        const deleteBucket = paritalData.delete;
+        this._idCollector.forEach((id) => {
+            if (!dataIds.has(id)) {
+                this._idCollector.delete(id);
+                deleteBucket.coords.push(0, 0);
+                deleteBucket.coordsZ.push(0);
+                deleteBucket.attribs.push({
+                    [this.primaryKey]: id,
+                });
+            }
+        });
+        if (paritalData.add.coords.length > 0) {
+            this.updateData(paritalData.add, CSObjectArrayUpdateTypes.ADD);
+        }
+        if (paritalData.update.coords.length > 0) {
+            this.updateData(paritalData.update, CSObjectArrayUpdateTypes.UPDATE, paritalData.canChange);
+        }
+        if (paritalData.delete.coords.length > 0) {
+            this.updateData(paritalData.delete, CSObjectArrayUpdateTypes.DELETE);
+        }
+    }
+    setPrimarykey(key) {
+        this.primaryKey = key;
+    }
+    setSymbolSet(symbolSet) {
+        this.symbolSet = symbolSet;
+    }
+    getLabelStyle() {
+        return this.style.labels[0];
+    }
+    setLabelStyle(style) {
+        this.style.labels[0] = style;
+    }
+}
+export default ObjectArrayLabels;