@pirireis/webglobeplugins 0.15.35 → 0.16.0

package/compassrose/compassrose.js

@@ -1,293 +1,341 @@
-// 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];
+// 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/compassrose/index.js

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