@pirireis/webglobeplugins 0.0.1 → 0.0.2

package/arrowfield/index.js

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

package/compassrose/compassrose.js

@@ -14,26 +14,12 @@ import {
     GlobeManager
 } from "@pirireis/webglobe";
 
-
-
-
-
 const object = {
-    "displayName": "rotaionalIcon",
+    "displayName": "CompassRose",
     "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": [
             {
@@ -213,24 +199,56 @@ 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);
+}
 
+const setFIDKey = (object, key) => {
+    object.style.fidKey = key;
 }
 
+const IMAGE_URL = "10494_1024px-compass-rose-simple.svg.png";
+
+export class RotationalIcon2D {
+    constructor(id, globe) {
+        this.id = id;
+        this.globe = globe;
+        this.objectType = CSObjectTypes.POINT;
+        const symbolSet = "symbolSetName";
+        // copy object
+        this.object = object;
+        this.setData(
+            [
+                {
+                    coords: [32, 40, 34, 42, 35, 41],
+                    coordsZ: [0, 0, 0],
+                    attribs: [
+                    ]
+                }
+            ]
+        )
+        setIconSize(this.object, 100);
+        setMapName(this.object, symbolSet);
+        setIconName(this.object, symbolSet);
+        addSingleImageIconMap(symbolSet)(IMAGE_URL);
+        globe.ObjectArray.Add(this.object);
+    }
+    setData(data) {
+        const { globe, object } = this;
+        setData(object, data);
+    }
+}
 
 
 export default class CompassRose {
-    constructor(id, globe, { size = 100, symbolSet = "compassRose", iconSet = null, imageURL = null, data = null }) {
+    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 = "__key__";
+        this.primaryKey = primaryKey;
 
         this.object = Object.assign({}, object);
 
@@ -239,156 +257,117 @@ export default class CompassRose {
             addSingleImageIconMap(symbolSet)(imageURL);
         }
 
-        if (data) {
-            setData(this.object, data);
-        }
-
         setMapName(this.object, symbolSet);
-        setIconName(this.object, iconSet | symbolSet);
+        setIconName(this.object, symbolSet);
+        setFIDKey(this.object, primaryKey);
         globe.ObjectArray.Add(this.object);
-    }
 
-    setData(data) {
-        setData(this.object, data);
+        if (data) this.setControlledData(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);
+        globe.ObjectArray.StyleChanged(object);
     }
 
 
     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);
+        globe.ObjectArray.StyleChanged(object);
     }
 
 
-    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);
+    flush() {
+        this._idCollector.clear();
+        this._setData({ coords: [], coordsZ: [], attribs: [] });
     }
 
-    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();
 
+    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];
 
-            let bucket = paritalData.add;
-
-            dataIds.add(id);
-
             if (this._idCollector.has(id)) {
-                bucket = paritalData.update;
+                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);
         }
 
-        // Artık varolmayan elemenları sil
-        const deleteBucket = paritalData.delete;
-        this._idCollector.forEach(id => {
-            if (!dataIds.has(id)) {
-                this._idCollector.delete(id);
+        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 (paritalData.add.coords.length > 0) {
-            this.updateData(paritalData.add, CSObjectArrayUpdateTypes.ADD);
-        }
+        if (deleteBucket.coords.length > 0) {
 
-        if (paritalData.update.coords.length > 0) {
-            this.updateData(
-                paritalData.update,
-                CSObjectArrayUpdateTypes.UPDATE,
-                paritalData.canChange,
-            );
+            this._updateData(deleteBucket, CSObjectArrayUpdateTypes.DELETE);
         }
+    }
 
-        if (paritalData.delete.coords.length > 0) {
-            this.updateData(paritalData.delete, CSObjectArrayUpdateTypes.DELETE);
-        }
+
+    // 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/compassrose/index.js

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

package/heatwave/index.js

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

package/heatwave/isobar/objectarraylabels.js

@@ -0,0 +1,247 @@
+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;