@pirireis/webglobeplugins 0.17.1 → 1.0.2

package/pin/pin-object-array1.js

@@ -1,300 +1,381 @@
-/**
- * IconData;
- *  iconMap, iconCoords for objectArray
- *
- * Pin data:
- *  long, lat, payload
- *
- * methods insertPin pin and its data
- * methods deletePin
- *
- * Behaviur injection:
- * hover
- * move
- * pick drop
- * mouseclicks
- * keyboard clicks
- * mouse curser changes ( this can be implemented inside above methods)
- */
-import { CSGlobe, CSIconTypes, CSObjectTypes, CSObjectArrayUpdateTypes, } from "@pirireis/webglobe";
-import AlarmTimeLineFadeInFadeOut from "../../plugins/alarms/alarmFadeInFadeOutPlugin/AlarmTimeLineFadeInFadeOutPlugin";
-/**
- * @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
- */
-function addIconMap(globe, mapName = "IconMapName", ICON_MAP_URL, ICON_MAP_JSON_URL) {
-    globe.api_AddIconMap('IconMapName', ICON_MAP_URL, ICON_MAP_JSON_URL);
-}
-class ObjectArray {
-    constructor(symbolSet, style) {
-        this.symbolSet = symbolSet;
-        this.style = style;
-    }
-    setSymbolSet(symbolSet) {
-        this.symbolSet = symbolSet;
-    }
-}
-class PinPointObjectArray {
-    constructor(id, globe, symbolSet, // iconMapName
-    style, callBacks = {
-        mouseDown: (pinItem, event) => { },
-        mouseMove: (pinItem, event) => { },
-        mouseUp: (pinItem, event) => { },
-        mouseClick: (pinItem, event) => { },
-        mouseDblClick: (pinItem, event) => { },
-    } = {}) {
-        this.id = id;
-        this.globe = globe;
-        this.symbolSet = symbolSet;
-        this.style = style;
-        this.iconMapName = iconMapName;
-        this.callBacks = callBacks;
-        // this item will be used
-        this.currentItem = null;
-    }
-    insertPins(pins) {
-    }
-    deletePins(pinsIDs) {
-        const deleteBucket = {
-            coords: [],
-            coordsZ: [],
-            attribs: []
-        };
-    }
-    _queryByScreenFindFirst() {
-        const { clientX, clientY } = this.globe.api_GetMousePos();
-        const allObjects = this.globe.queryByScreen(clientX, clientY);
-        for (let i = 0; i < allObjects.length; i++) {
-            const { obj, owner } = allObjects[i];
-            if (owner === this.objectArray) {
-                return obj;
-            }
-        }
-    }
-    // mouseDown(x, y, event) {
-    //     return false
-    // }
-    // // mouse'a basılıp hareket ettirildiğinde, mouseDown'dan true dönmüşse çağrılır
-    // mouseMove(x, y, event) {
-    // }
-    // // mouse bırakıldığında çağrılır
-    // mouseUp(x, y, event) {
-    // }
-    // // harita üzerinde tıklandığında çağrılır
-    // mouseClick() {
-    //     return false
-    // }
-    // // harita üzerinde çift tıklandığında çağrılır
-    // mouseDblClick() {
-    //     return false
-    // }
-    free() {
-        this.globe.api_ClearMouseEvents(); // TODO
-    }
-    _setMouseEvent() {
-        const { globe } = this;
-        globe.api_SetMouseEvents();
-    }
-    _getIdForGlobe() {
-        const { globe, objectArray } = this;
-        const callback = () => {
-            const allObjects = globe.api_queryByScreen();
-        };
-        return `${this.id}_pinObjectArrayMouseEvent`;
-    }
-}
-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;
+
+/**
+ * IconData;
+ *  iconMap, iconCoords for objectArray
+ * 
+ * Pin data:
+ *  long, lat, payload
+ * 
+ * methods insertPin pin and its data
+ * methods deletePin
+ * 
+ * Behaviur injection:
+ * hover
+ * move
+ * pick drop
+ * mouseclicks
+ * keyboard clicks
+ * mouse curser changes ( this can be implemented inside above methods)
+ */
+
+import {
+    CSGlobe,
+    CSIconTypes,
+    CSObjectTypes,
+    CSObjectArrayUpdateTypes,
+} from "@pirireis/webglobe";
+import AlarmTimeLineFadeInFadeOut from "../../plugins/alarms/alarmFadeInFadeOutPlugin/AlarmTimeLineFadeInFadeOutPlugin";
+
+/**
+ * @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
+ */
+
+function addIconMap(globe, mapName = "IconMapName", ICON_MAP_URL, ICON_MAP_JSON_URL) {
+    globe.api_AddIconMap('IconMapName', ICON_MAP_URL, ICON_MAP_JSON_URL);
+}
+
+class ObjectArray {
+    constructor(symbolSet, style) {
+        this.symbolSet = symbolSet;
+        this.style = style;
+    }
+
+    setSymbolSet(symbolSet) {
+        this.symbolSet = symbolSet;
+    }
+
+
+}
+
+
+class PinPointObjectArray {
+    constructor(id,
+        globe,
+        symbolSet, // iconMapName
+        style,
+        callBacks = {
+            mouseDown: (pinItem, event) => { },
+            mouseMove: (pinItem, event) => { },
+            mouseUp: (pinItem, event) => { },
+            mouseClick: (pinItem, event) => { },
+            mouseDblClick: (pinItem, event) => { },
+
+        } = {}) {
+        this.id = id
+        this.globe = globe;
+        this.symbolSet = symbolSet;
+        this.style = style;
+        this.iconMapName = iconMapName;
+        this.callBacks = callBacks;
+
+        // this item will be used
+
+        this.currentItem = null
+    }
+
+
+    insertPins(pins) {
+
+    }
+
+    deletePins(pinsIDs) {
+        const deleteBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        }
+    }
+
+
+    _queryByScreenFindFirst() {
+        const { clientX, clientY } = this.globe.api_GetMousePos();
+        const allObjects = this.globe.queryByScreen(clientX, clientY);
+        for (let i = 0; i < allObjects.length; i++) {
+            const { obj, owner } = allObjects[i];
+            if (owner === this.objectArray) {
+                return obj;
+            }
+        }
+    }
+
+    // mouseDown(x, y, event) {
+    //     return false
+    // }
+
+
+    // // mouse'a basılıp hareket ettirildiğinde, mouseDown'dan true dönmüşse çağrılır
+    // mouseMove(x, y, event) {
+
+    // }
+
+    // // mouse bırakıldığında çağrılır
+    // mouseUp(x, y, event) {
+
+    // }
+
+    // // harita üzerinde tıklandığında çağrılır
+    // mouseClick() {
+    //     return false
+    // }
+
+    // // harita üzerinde çift tıklandığında çağrılır
+    // mouseDblClick() {
+    //     return false
+    // }
+
+
+    free() {
+        this.globe.api_ClearMouseEvents() // TODO
+    }
+
+    _setMouseEvent() {
+        const { globe } = this;
+        globe.api_SetMouseEvents()
+    }
+
+    _getIdForGlobe() {
+        const { globe, objectArray } = this;
+        const callback = () => {
+            const allObjects = globe.api_queryByScreen()
+        }
+        return `${this.id}_pinObjectArrayMouseEvent`;
+    }
+}
+
+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;
+