@pirireis/webglobeplugins 0.0.1

package/arrowfield/adaptor.js

@@ -0,0 +1,11 @@
+export function centigradePlus90ToRadians(centigradeArray, noDataValue = -9999) {
+    const radiansArray = new Float32Array(centigradeArray.length);
+    for (let i = 0; i < centigradeArray.length; i++) {
+        if (centigradeArray[i] === noDataValue) {
+            radiansArray[i] = noDataValue;
+            continue;
+        }
+        radiansArray[i] = (centigradeArray[i] + 90.0) * Math.PI / 180;
+    }
+    return radiansArray;
+}

package/arrowfield/index.js

@@ -0,0 +1,4 @@
+import ArrowField from "./plugin";
+import { centigradePlus90ToRadians } from "./adaptor";
+export default ArrowField;
+export { centigradePlus90ToRadians };

package/arrowfield/plugin.js

@@ -0,0 +1,128 @@
+
+import { ArrowField } from '../programs';
+
+export default class ArrowFieldPlugin {
+
+    constructor(id, {
+        minLon = -180,
+        maxLon = 180,
+        minLat = -90,
+        maxLat = 90,
+        height = 0,
+        opacity = 1,
+        tailLengthRatio = 1,
+        wingLengthRatio = 0.5,
+        color = [0.04, 0.2, 0.8],
+        targetWidth = 100,
+        targetHeight = 100,
+        data = null,
+        dataWidth = null,
+        dataHeight = null,
+        maxMagnitude = null,
+        noDataValue = null
+    } = {}) {
+        this.id = id;
+
+        this.options = {
+            minLon,
+            maxLon,
+            minLat,
+            maxLat,
+            height,
+            tailLengthRatio,
+            wingLengthRatio,
+            opacity,
+            color,
+            data,
+            targetHeight,
+            targetWidth,
+            dataWidth,
+            dataHeight,
+            maxMagnitude,
+            noDataValue
+        }
+
+        this.arrowFieldObj = null;
+        this._doDraw = true;
+    }
+
+    init(globe, gl) {
+        this.globe = globe;
+        this.gl = gl;
+        this.arrowFieldObj = new ArrowField(gl, globe, this.options);
+    }
+
+    draw3D() {
+        if (this._doDraw) {
+            const { gl, arrowFieldObj } = this;
+            gl.disable(gl.DEPTH_TEST);
+            arrowFieldObj.draw();
+            gl.enable(gl.DEPTH_TEST);
+        }
+    }
+
+    free() {
+        this.arrowFieldObj.free();
+        this.arrowFieldObj = null;
+    }
+
+
+    // user interaction methods
+
+    on() {
+        this._doDraw = true;
+    }
+
+
+    off() {
+        this._doDraw = false;
+    }
+
+    setBBox({ minLon = -180, maxLon = 180, minLat = -90, maxLat = 90 } = {}) {
+        this.arrowFieldObj.setBBox({ minLon, maxLon, minLat, maxLat });
+    }
+
+    setHeight(height) {
+        this.arrowFieldObj.update({ height });
+    }
+
+    setColor(color) {
+        this.arrowFieldObj.update({ color });
+    }
+
+    setOpacity(opacity) {
+        this.arrowFieldObj.update({ opacity });
+    }
+
+
+    setTailLengthRatio(tailLengthRatio) {
+        this.arrowFieldObj.update({ tailLengthRatio });
+    }
+
+
+    setWingLengthRatio(wingLengthRatio) {
+        this.arrowFieldObj.update({ wingLengthRatio });
+    }
+
+
+    setDataResolution(dataWidth, dataHeight) {
+        this.arrowFieldObj.update({ dataWidth, dataHeight });
+    }
+
+    setTargetResolution(targetWidth, targetHeight) {
+        this.arrowFieldObj.update({ resolution: [targetWidth, targetHeight] });
+    }
+
+
+    setMaxMagnitude(maxMagnitude) {
+        this.arrowFieldObj.update({ maxMagnitude });
+    }
+
+    setNoDataValue(noDataValue) {
+        this.arrowFieldObj.update({ noDataValue });
+    }
+
+    setData(rotationData) {
+        this.arrowFieldObj.setData(rotationData);
+    }
+}

package/compassrose/compassrose.js

@@ -0,0 +1,394 @@
+// pusula mip map yapilacak
+// globa register edilecek
+// icon yerlestirilecek.
+// iconun acisi degisecek
+
+// varsayilan stilin bulunmasi gerekiyor
+// iconun acisi degisecek
+
+import {
+    CSGlobe,
+    CSObjectTypes,
+    CSIconTypes,
+    CSObjectArrayUpdateTypes,
+    GlobeManager
+} from "@pirireis/webglobe";
+
+
+
+
+
+const object = {
+    "displayName": "rotaionalIcon",
+    "layerType": 3,
+    "objectParams": {
+        "Fid": null,
+        "sx": 10,
+        "sy": 10,
+        "sz": 10,
+        "rotXY": 0,
+        "rotZ": 0,
+        "rotRoll": 0,
+        "objUrl": "https://mhs.pirireis.com.tr/models/TB2.obj"
+    },
+    "wkbGeom": null,
+    "wfsLayerName": null,
+    "url": "https://servis.pirireis.com.tr/sqlpg254/GPbf/{z}/{x}/{y}.pbf?enc=DsTX5MTbGW7dp1PyxvvB8ij2DTP2ZPG3i5ZU2ZRrOu%2BwYra1uZp3LfP5V2lio19C54EiV69032fs1L9vfnl4O%2Bw4LLO39n8K%2BPfWW%2FNsQg0%3D",
+    "style": {
+        "labels": [
+            {
+                "startLod": 2,
+                "endLod": 25,
+                "position": 0,
+                "text": "'${title}'",
+                "textCallback": null,
+                "offset": {
+                    "x": 16,
+                    "y": -16
+                },
+                "vAlignment": 0,
+                "hAlignment": 0,
+                "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": 0,
+                "hAlignment": 0,
+                "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 IMAGE_URL = "10494_1024px-compass-rose-simple.svg.png";
+
+const addSingleImageIconMap = symbolSet => url => {
+    GlobeManager.api_AddIconMap(symbolSet, url, null);
+
+}
+
+
+
+export default class CompassRose {
+    constructor(id, globe, { size = 100, symbolSet = "compassRose", iconSet = null, imageURL = null, data = null }) {
+
+        this.id = id;
+        this.globe = globe;
+
+        this._idCollector = new Set();
+
+        this.primaryKey = "__key__";
+
+        this.object = Object.assign({}, object);
+
+        setIconSize(this.object, size);
+        if (imageURL) {
+            addSingleImageIconMap(symbolSet)(imageURL);
+        }
+
+        if (data) {
+            setData(this.object, data);
+        }
+
+        setMapName(this.object, symbolSet);
+        setIconName(this.object, iconSet | symbolSet);
+        globe.ObjectArray.Add(this.object);
+    }
+
+    setData(data) {
+        setData(this.object, data);
+    }
+
+    setIconSize(size) {
+        const { object, globe } = this;
+        setIconSize(object, size);
+
+        const canChange = {
+            attribs: false,
+            icon: true,
+            label: false,
+            heading: false,
+        }
+
+        globe.ObjectArray.UpdateData(object, CSObjectArrayUpdateTypes.UPDATE, [], canChange);
+    }
+
+
+    setMapName(mapName) {
+        const { object, globe } = this;
+        setMapName(object, mapName);
+
+        const canChange = {
+            attribs: false,
+            icon: true,
+            label: false,
+            heading: false,
+        }
+
+        globe.ObjectArray.UpdateData(object, CSObjectArrayUpdateTypes.UPDATE, canChange);
+    }
+
+
+    setData(data) {
+        const { globe, object } = this;
+        globe.ObjectArray.SetData(object, [data]);
+    }
+
+    /**
+     * @param {PointObjectArray} data
+     * @param {CSObjectArrayUpdateTypes} operation
+     * @param {CanChangeOptions} [canChange]
+     */
+    updateData(data, operation, canChange) {
+        // console.log( "updateData", operation, data);
+        const { globe, object } = this;
+        globe.ObjectArray.UpdateData(object, operation, [data], canChange);
+    }
+
+    setConrolledData(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);
+        }
+    }
+
+}

package/compassrose/index.js

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

package/heatwavemaps/index.js

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