@pirireis/webglobeplugins 0.15.34 → 0.16.0

package/rangerings/rangeringangletext.js

@@ -1,326 +1,369 @@
-import { CSObjectArrayUpdateTypes, } from "@pirireis/webglobe";
-import { ENUM_HIDE, ENUM_TEXT_HIDE } from "./enum";
-const fidKey = "__fid__";
-const object = {
-    "displayName": "RangeRingAngleText",
-    "layerType": 3,
-    "wkbGeom": null,
-    "wfsLayerName": null,
-    "objectType": "point",
-    "bbox": null,
-    "startLod": 2,
-    "endLod": 30,
-    "continuousLOD": true,
-    "MVTXYZName": "hd_seyp",
-    "rasterize": false,
-};
-export default class RangeRingAngleText {
-    constructor(globe, id, { style = null, hideAll = false, opacity = 1 } = {}) {
-        this.globe = globe;
-        this.ObjectArray = globe.ObjectArray;
-        this.id = id;
-        this._hideAll = hideAll;
-        this._opacity = opacity;
-        const style_ = style !== null ? style : this.getDefaultStyle();
-        this.object = Object.assign({}, object, { style: style_, id: this.id });
-        this._centerCollection = new Map();
-        // new inner MAP params
-        // hide
-        // textHide
-        this.ObjectArray.Add(this.object);
-    }
-    getDefaultStyle() {
-        const style = this.ObjectArray.GetDefaultStyle();
-        style.fidKey = fidKey;
-        const { labels } = style;
-        const label = labels[0];
-        label.offset = { x: 0, y: 0 };
-        label.fontFamily.hollowWidth = 1;
-        label.vAlignment = 2;
-        label.hAlignment = 2;
-        label.size = 17;
-        // eslint-disable-next-line
-        label.text = "`${aci}`";
-        return style;
-    }
-    setStyle(style) {
-        if (style === null)
-            return;
-        style.opacity = this._opacity;
-        this.object.style = style;
-        this.ObjectArray.StyleChanged(this.object);
-    }
-    setOpacity(opacity) {
-        this._opacity = opacity;
-        const { style } = this.object;
-        style.opacity = opacity;
-        this.ObjectArray.StyleChanged(this.object);
-    }
-    free() {
-        this.flush();
-        this.ObjectArray.Delete(this.id);
-    }
-    /**
-     * @param {Array<{centerID,stepAngle, long,lat, rings>} ringDatas
-     * centerID: string | ObjectArray fidKey de kullanilir
-     * stepAngle: number | 0-360 arasinda
-     * long,lat: number | merkez koordinatlari lat long radian. Globe icin dereceye iceride cevrilir
-     * rings: Array<{radius: number}> | En buyuk halkaya centik acilari yazilir, Sonraki adim yaricaplarin uzunlugunu yazdirmak
-     *
-     * eger bir centerID zaten var ise: Onceki noktalar dusurulur ve yeniden eklenir
-     *
-     * */
-    insertBulk(ringDatas) {
-        const { _hideAll } = this;
-        const addBucket = {
-            coords: [],
-            coordsZ: [],
-            attribs: []
-        };
-        const deleteBucket = {
-            coords: [],
-            coordsZ: [],
-            attribs: []
-        };
-        for (const { centerID, long, lat, rings, stepAngle, hide = ENUM_HIDE.SHOW, textHide = ENUM_TEXT_HIDE.SHOW } of ringDatas) {
-            if (this._centerCollection.has(centerID)) {
-                this._fillDeleteBucket(centerID, deleteBucket);
-            }
-            const maxRadius = rings.reduce((acc, { radius }) => Math.max(acc, radius), 0);
-            const textHide_ = _hideAll ? ENUM_TEXT_HIDE.HIDE : textHide;
-            const show = hide !== ENUM_HIDE.HIDE && textHide_ === ENUM_TEXT_HIDE.SHOW;
-            if (show)
-                this._appendCircle(long, lat, maxRadius, stepAngle, centerID, addBucket);
-            this._centerCollection.set(centerID, new Map([
-                ["stepAngle", stepAngle],
-                ["maxRadius", maxRadius],
-                ["long", long],
-                ["lat", lat],
-                ["hide", hide],
-                ["textHide", textHide_]
-            ]));
-        }
-        if (this._hideAll)
-            return;
-        if (deleteBucket.coords.length > 0)
-            this._updateData(deleteBucket, CSObjectArrayUpdateTypes.DELETE);
-        if (addBucket.coords.length > 0)
-            this._updateData(addBucket, CSObjectArrayUpdateTypes.ADD);
-    }
-    /**
-     * @param {Array<{centerID, x,y}>} centerDatas
-     * aci ve radiuslarin tutulmasi gereklidir.
-     * */
-    updateCentersXY(centerDatas) {
-        const updateBucket = {
-            coords: [],
-            coordsZ: [],
-            attribs: []
-        };
-        for (const { centerID, long, lat } of centerDatas) {
-            if (this._centerCollection.has(centerID)) {
-                const centerMap = this._centerCollection.get(centerID);
-                centerMap.set("long", long);
-                centerMap.set("lat", lat);
-                const hide = centerMap.get("hide");
-                const textHide = centerMap.get("textHide");
-                const isHidden = hide === ENUM_HIDE.HIDE || textHide === ENUM_TEXT_HIDE.HIDE;
-                if (isHidden)
-                    continue;
-                const maxRadius = centerMap.get("maxRadius");
-                const stepAngle = centerMap.get("stepAngle");
-                // long, lat, radius, step, centerID, outBucket
-                this._appendCircle(long, lat, maxRadius, stepAngle, centerID, updateBucket);
-            }
-        }
-        // for (const attribs of updateBucket.attribs) {
-        //     delete attribs["aci"];
-        // }
-        if (updateBucket.coords.length > 0) {
-            this._updateData(updateBucket, CSObjectArrayUpdateTypes.UPDATE);
-        }
-    }
-    /**
-     *
-     * @param {Array<{centerID:string, hide: bool}>} centerHides
-     */
-    updateCentersHide(centerHides) {
-        if (this._hideAll) {
-            console.warn("Tum mesafe halkasi yazilari gizli durum. Islem yapilamaz");
-            return;
-        }
-        ;
-        const addBucket = {
-            coords: [],
-            coordsZ: [],
-            attribs: []
-        };
-        const deleteBucket = {
-            coords: [],
-            coordsZ: [],
-            attribs: []
-        };
-        for (const { centerID, textHide = null, hide = null } of centerHides) {
-            if (!this._centerCollection.has(centerID))
-                continue;
-            const centerMap = this._centerCollection.get(centerID);
-            const isHidden = centerMap.get("hide") === ENUM_HIDE.HIDE || centerMap.get("textHide") === ENUM_TEXT_HIDE.HIDE;
-            const _hide = hide !== null ? hide : centerMap.get("hide");
-            const _textHide = textHide !== null ? textHide : centerMap.get("textHide");
-            const show = (_hide !== ENUM_HIDE.HIDE) && (_textHide === ENUM_TEXT_HIDE.SHOW);
-            if (!isHidden && !show) {
-                this._fillDeleteBucket(centerID, deleteBucket);
-            }
-            else if (isHidden && show) {
-                this._appendCircle(centerMap.get("long"), centerMap.get("lat"), centerMap.get("maxRadius"), centerMap.get("stepAngle"), centerID, addBucket);
-            }
-            if (hide !== null)
-                centerMap.set("hide", hide);
-            if (textHide !== null)
-                centerMap.set("textHide", textHide);
-        }
-        if (deleteBucket.coords.length > 0)
-            this._updateData(deleteBucket, CSObjectArrayUpdateTypes.DELETE);
-        if (addBucket.coords.length > 0)
-            this._updateData(addBucket, CSObjectArrayUpdateTypes.ADD);
-    }
-    // TODO : Implement this
-    removeCenters(centerIDs) {
-        const deleteBucket = {
-            coords: [],
-            coordsZ: [],
-            attribs: []
-        };
-        for (const centerID of centerIDs) {
-            if (this._centerCollection.has(centerID)) {
-                this._fillDeleteBucket(centerID, deleteBucket);
-                this._centerCollection.delete(centerID);
-            }
-        }
-        this._updateData(deleteBucket, CSObjectArrayUpdateTypes.DELETE);
-    }
-    hideAll() {
-        this._hideAll = true;
-        const deleteBucket = {
-            coords: [],
-            coordsZ: [],
-            attribs: []
-        };
-        for (const [centerID, centerMap] of this._centerCollection) {
-            const hide = centerMap.get("hide");
-            const hideText = centerMap.get("textHide");
-            centerMap.set("textHide", ENUM_TEXT_HIDE.HIDE);
-            if (hide === ENUM_HIDE.HIDE)
-                continue;
-            const isHidden = hideText === ENUM_TEXT_HIDE.HIDE;
-            if (!isHidden)
-                this._fillDeleteBucket(centerID, deleteBucket);
-        }
-        this._updateData(deleteBucket, CSObjectArrayUpdateTypes.DELETE);
-    }
-    showAll() {
-        this._hideAll = false;
-        const addBucket = {
-            coords: [],
-            coordsZ: [],
-            attribs: []
-        };
-        for (const [centerID, centerMap] of this._centerCollection) {
-            const hide = centerMap.get("hide");
-            if (hide === ENUM_HIDE.HIDE)
-                continue;
-            const hideText = centerMap.get("textHide");
-            const isHidden = hideText === ENUM_TEXT_HIDE.HIDE;
-            if (isHidden) {
-                const long = centerMap.get("long");
-                const lat = centerMap.get("lat");
-                const maxRadius = centerMap.get("maxRadius");
-                const stepAngle = centerMap.get("stepAngle");
-                this._appendCircle(long, lat, maxRadius, stepAngle, centerID, addBucket);
-                centerMap.set("hide", ENUM_HIDE.SHOW);
-                centerMap.set("textHide", ENUM_TEXT_HIDE.SHOW);
-            }
-        }
-        if (addBucket.coords.length)
-            this._updateData(addBucket, CSObjectArrayUpdateTypes.ADD);
-    }
-    flush() {
-        const data = {
-            coords: [],
-            coordsZ: [],
-            attribs: []
-        };
-        this._idCollector = new Set();
-        this.ObjectArray.SetData(this.object, data);
-    }
-    //------------------PRIVATE METHODS------------------//
-    _appendCircle(long, lat, radius, step, centerID, outBucket) {
-        this.__realCoords(long, lat, radius, step, centerID, outBucket);
-    }
-    __realCoords(longCenter, latCenter, radius, stepAngle, centerID, outBucket) {
-        const { globe } = this;
-        const { coords, coordsZ, attribs } = outBucket;
-        let i = 1;
-        for (let aci = stepAngle; aci < 360; aci += stepAngle) {
-            const { long, lat } = globe.Math.FindPointByPolar(longCenter, latCenter, radius, aci);
-            coords.push(long, lat);
-            coordsZ.push(0);
-            const key = this._key(centerID, i);
-            i++;
-            // fidkey is the key
-            attribs.push({
-                "__fid__": key,
-                "aci": (aci).toFixed(0).toString().padStart(3, '0')
-            });
-        }
-        { // add 0
-            const { long, lat } = globe.Math.FindPointByPolar(longCenter, latCenter, radius, 0);
-            coords.push(long, lat);
-            coordsZ.push(0);
-            const key = this._key(centerID, 0);
-            // fidkey is the key
-            attribs.push({
-                "__fid__": key,
-                "aci": "K"
-            });
-        }
-    }
-    _updateData(bucket, mode) {
-        this.ObjectArray.UpdateData(this.object, mode, [bucket], { attribs: false, icon: false, text: false });
-    }
-    _key(centerRingKey, limpIndex) {
-        return `${centerRingKey}_${limpIndex}`;
-    }
-    _fillDeleteBucket(centerID, outDeleteBucket) {
-        const centerMap = this._centerCollection.get(centerID);
-        const stepAngle = centerMap.get("stepAngle");
-        const { coords, coordsZ, attribs } = outDeleteBucket;
-        let i = 0;
-        for (let aci = 0; aci < 360; aci += stepAngle) {
-            const key = this._key(centerID, i++);
-            coords.push(0, 0);
-            coordsZ.push(0);
-            attribs.push({
-                "__fid__": key,
-            });
-        }
-    }
-    _updateAll() {
-        const updateBucket = {
-            coords: [],
-            coordsZ: [],
-            attribs: []
-        };
-        for (const [centerID, centerMap] of this._centerCollection) {
-            const isHidden = centerMap.get("hide") === ENUM_HIDE.HIDE || centerMap.get("textHide") === ENUM_TEXT_HIDE.HIDE;
-            if (isHidden)
-                continue;
-            const long = centerMap.get("long");
-            const lat = centerMap.get("lat");
-            const maxRadius = centerMap.get("maxRadius");
-            const stepAngle = centerMap.get("stepAngle");
-            this._appendCircle(long, lat, maxRadius, stepAngle, centerID, updateBucket);
-        }
-        this._updateData(updateBucket, CSObjectArrayUpdateTypes.UPDATE);
-    }
-}
+import {
+    CSObjectArrayUpdateTypes,
+} from "@pirireis/webglobe";
+import { ENUM_HIDE, ENUM_TEXT_HIDE } from "./enum";
+
+const fidKey = "__fid__";
+
+const object = {
+    "displayName": "RangeRingAngleText",
+    "layerType": 3,
+    "wkbGeom": null,
+    "wfsLayerName": null,
+    "objectType": "point",
+    "bbox": null,
+    "startLod": 2,
+    "endLod": 30,
+    "continuousLOD": true,
+    "MVTXYZName": "hd_seyp",
+    "rasterize": false,
+}
+
+
+export default class RangeRingAngleText {
+    constructor(globe, id, { style = null, hideAll = false, opacity = 1 } = {}) 
+    {
+        this.globe = globe;
+        this.ObjectArray = globe.ObjectArray;
+        this.id = id;
+
+        this._hideAll = hideAll;
+        this._opacity = opacity;
+        const style_ = style !== null ? style : this.getDefaultStyle();
+        this.object = Object.assign({}, object, { style: style_, id: this.id });
+
+        this._centerCollection = new Map();
+        // new inner MAP params
+        // hide
+        // textHide
+        this.ObjectArray.Add(this.object);
+    }
+
+    getDefaultStyle() {
+        const style = this.ObjectArray.GetDefaultStyle();
+        style.fidKey = fidKey;
+        const { labels } = style;
+        const label = labels[0];
+        label.offset = { x: 0, y: 0 };
+        label.fontFamily.hollowWidth = 1;
+        label.vAlignment = 2;
+        label.hAlignment = 2;
+        label.size = 17;
+        // eslint-disable-next-line
+        label.text = "`${aci}`"
+
+        return style;
+    }
+
+
+    setStyle(style) {
+        if (style === null) return;
+        style.opacity = this._opacity;
+        this.object.style = style;
+        this.ObjectArray.StyleChanged(this.object);
+    }
+
+
+    setOpacity(opacity) {
+        this._opacity = opacity;
+        const { style } = this.object;
+        style.opacity = opacity;
+        this.ObjectArray.StyleChanged(this.object);
+    }
+
+
+    free() {
+        this.flush();
+        this.ObjectArray.Delete(this.id);
+    }
+
+
+    /**
+     * @param {Array<{centerID,stepAngle, long,lat, rings>} ringDatas
+     * centerID: string | ObjectArray fidKey de kullanilir
+     * stepAngle: number | 0-360 arasinda
+     * long,lat: number | merkez koordinatlari lat long radian. Globe icin dereceye iceride cevrilir
+     * rings: Array<{radius: number}> | En buyuk halkaya centik acilari yazilir, Sonraki adim yaricaplarin uzunlugunu yazdirmak
+     * 
+     * eger bir centerID zaten var ise: Onceki noktalar dusurulur ve yeniden eklenir
+     * 
+     * */
+    insertBulk(ringDatas) {
+        const { _hideAll } = this;
+        const addBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        }
+
+        const deleteBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        }
+
+        for (const { centerID, long, lat, rings, stepAngle, hide = ENUM_HIDE.SHOW, textHide = ENUM_TEXT_HIDE.SHOW } of ringDatas) {
+            if (this._centerCollection.has(centerID)) {
+                this._fillDeleteBucket(centerID, deleteBucket);
+            }
+
+            const maxRadius = rings.reduce((acc, { radius }) => Math.max(acc, radius), 0);
+            const textHide_ = _hideAll ? ENUM_TEXT_HIDE.HIDE : textHide;
+            const show = hide !== ENUM_HIDE.HIDE && textHide_ === ENUM_TEXT_HIDE.SHOW;
+            if (show) this._appendCircle(long, lat, maxRadius, stepAngle, centerID, addBucket);
+            this._centerCollection.set(centerID,
+                new Map([
+                    ["stepAngle", stepAngle],
+                    ["maxRadius", maxRadius],
+                    ["long", long],
+                    ["lat", lat],
+                    ["hide", hide],
+                    ["textHide", textHide_]
+                ]));
+        }
+        if (this._hideAll) return;
+        if (deleteBucket.coords.length > 0) this._updateData(deleteBucket, CSObjectArrayUpdateTypes.DELETE);
+        if (addBucket.coords.length > 0) this._updateData(addBucket, CSObjectArrayUpdateTypes.ADD);
+
+    }
+
+    /**
+     * @param {Array<{centerID, x,y}>} centerDatas
+     * aci ve radiuslarin tutulmasi gereklidir. 
+     * */
+    updateCentersXY(centerDatas) {
+        const updateBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        }
+        for (const { centerID, long, lat } of centerDatas) {
+            if (this._centerCollection.has(centerID)) {
+                const centerMap = this._centerCollection.get(centerID);
+                centerMap.set("long", long);
+                centerMap.set("lat", lat);
+                const hide = centerMap.get("hide");
+                const textHide = centerMap.get("textHide");
+                const isHidden = hide === ENUM_HIDE.HIDE || textHide === ENUM_TEXT_HIDE.HIDE;
+                if (isHidden) continue;
+                const maxRadius = centerMap.get("maxRadius");
+                const stepAngle = centerMap.get("stepAngle");
+                // long, lat, radius, step, centerID, outBucket
+                this._appendCircle(long, lat, maxRadius, stepAngle, centerID, updateBucket);
+
+            }
+        }
+        // for (const attribs of updateBucket.attribs) {
+        //     delete attribs["aci"];
+        // }
+        if (updateBucket.coords.length > 0) {
+            this._updateData(updateBucket, CSObjectArrayUpdateTypes.UPDATE);
+        }
+    }
+
+
+
+    /**
+     * 
+     * @param {Array<{centerID:string, hide: bool}>} centerHides 
+     */
+    updateCentersHide(centerHides) {
+        if (this._hideAll) {
+            console.warn("Tum mesafe halkasi yazilari gizli durum. Islem yapilamaz");
+            return;
+        };
+        const addBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        };
+        const deleteBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        };
+        for (const { centerID, textHide = null, hide = null } of centerHides) {
+            if (!this._centerCollection.has(centerID)) continue;
+            const centerMap = this._centerCollection.get(centerID);
+
+            const isHidden = centerMap.get("hide") === ENUM_HIDE.HIDE || centerMap.get("textHide") === ENUM_TEXT_HIDE.HIDE;
+
+            const _hide = hide !== null ? hide : centerMap.get("hide");
+            const _textHide = textHide !== null ? textHide : centerMap.get("textHide");
+
+            const show = (_hide !== ENUM_HIDE.HIDE) && (_textHide === ENUM_TEXT_HIDE.SHOW);
+            if (!isHidden && !show) {
+                this._fillDeleteBucket(centerID, deleteBucket);
+            } else if (isHidden && show) {
+                this._appendCircle(centerMap.get("long"), centerMap.get("lat"), centerMap.get("maxRadius"), centerMap.get("stepAngle"), centerID, addBucket);
+            }
+            if (hide !== null) centerMap.set("hide", hide);
+            if (textHide !== null) centerMap.set("textHide", textHide);
+        }
+        if (deleteBucket.coords.length > 0) this._updateData(deleteBucket, CSObjectArrayUpdateTypes.DELETE);
+        if (addBucket.coords.length > 0) this._updateData(addBucket, CSObjectArrayUpdateTypes.ADD);
+    }
+
+
+    // TODO : Implement this
+    removeCenters(centerIDs) {
+        const deleteBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        }
+        for (const centerID of centerIDs) {
+            if (this._centerCollection.has(centerID)) {
+                this._fillDeleteBucket(centerID, deleteBucket);
+                this._centerCollection.delete(centerID);
+            }
+        }
+        this._updateData(deleteBucket, CSObjectArrayUpdateTypes.DELETE);
+    }
+
+
+    hideAll() {
+        this._hideAll = true;
+        const deleteBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        }
+        for (const [centerID, centerMap] of this._centerCollection) {
+            const hide = centerMap.get("hide");
+            const hideText = centerMap.get("textHide");
+            centerMap.set("textHide", ENUM_TEXT_HIDE.HIDE);
+            if (hide === ENUM_HIDE.HIDE) continue;
+            const isHidden = hideText === ENUM_TEXT_HIDE.HIDE;
+            if (!isHidden) this._fillDeleteBucket(centerID, deleteBucket);
+        }
+        this._updateData(deleteBucket, CSObjectArrayUpdateTypes.DELETE);
+    }
+
+    showAll() {
+        this._hideAll = false;
+        const addBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        }
+        for (const [centerID, centerMap] of this._centerCollection) {
+            const hide = centerMap.get("hide");
+            if (hide === ENUM_HIDE.HIDE) continue;
+            const hideText = centerMap.get("textHide");
+            const isHidden = hideText === ENUM_TEXT_HIDE.HIDE;
+            if (isHidden) {
+                const long = centerMap.get("long");
+                const lat = centerMap.get("lat");
+                const maxRadius = centerMap.get("maxRadius");
+                const stepAngle = centerMap.get("stepAngle");
+                this._appendCircle(long, lat, maxRadius, stepAngle, centerID, addBucket);
+                centerMap.set("hide", ENUM_HIDE.SHOW);
+                centerMap.set("textHide", ENUM_TEXT_HIDE.SHOW);
+            }
+        }
+        if (addBucket.coords.length) this._updateData(addBucket, CSObjectArrayUpdateTypes.ADD);
+    }
+
+
+
+
+    flush() {
+        const data = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        };
+        this._idCollector = new Set();
+        this.ObjectArray.SetData(this.object, data);
+    }
+
+
+
+    //------------------PRIVATE METHODS------------------//
+
+
+
+
+    _appendCircle(long, lat, radius, step, centerID, outBucket) {
+        this.__realCoords(long, lat, radius, step, centerID, outBucket);
+
+    }
+
+    __realCoords(longCenter, latCenter, radius, stepAngle, centerID, outBucket) {
+        const { globe } = this;
+        const { coords, coordsZ, attribs } = outBucket;
+        let i = 1;
+        for (let aci = stepAngle; aci < 360; aci += stepAngle) {
+            const { long, lat } = globe.Math.FindPointByPolar(longCenter, latCenter, radius, aci);
+            coords.push(long, lat);
+            coordsZ.push(0);
+            const key = this._key(centerID, i); i++;
+            // fidkey is the key
+            attribs.push({
+                "__fid__": key,
+                "aci": (aci).toFixed(0).toString().padStart(3, '0')
+            })
+        }
+
+
+        {   // add 0
+            const { long, lat } = globe.Math.FindPointByPolar(longCenter, latCenter, radius, 0);
+            coords.push(long, lat);
+            coordsZ.push(0);
+            const key = this._key(centerID, 0);
+            // fidkey is the key
+            attribs.push({
+                "__fid__": key,
+                "aci": "K"
+            });
+        }
+    }
+
+
+
+
+    _updateData(bucket, mode) {
+        this.ObjectArray.UpdateData(this.object, mode, [bucket], { attribs: false, icon: false, text: false });
+    }
+
+
+    _key(centerRingKey, limpIndex) {
+        return `${centerRingKey}_${limpIndex}`;
+    }
+
+    _fillDeleteBucket(centerID, outDeleteBucket) {
+
+        const centerMap = this._centerCollection.get(centerID);
+        const stepAngle = centerMap.get("stepAngle");
+        const { coords, coordsZ, attribs } = outDeleteBucket;
+        let i = 0;
+        for (let aci = 0; aci < 360; aci += stepAngle) {
+            const key = this._key(centerID, i++);
+            coords.push(0, 0);
+            coordsZ.push(0);
+            attribs.push({
+                "__fid__": key,
+            });
+        }
+    }
+
+    _updateAll() {
+        const updateBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        }
+        for (const [centerID, centerMap] of this._centerCollection) {
+            const isHidden = centerMap.get("hide") === ENUM_HIDE.HIDE || centerMap.get("textHide") === ENUM_TEXT_HIDE.HIDE;
+            if (isHidden) continue;
+            const long = centerMap.get("long");
+            const lat = centerMap.get("lat");
+            const maxRadius = centerMap.get("maxRadius");
+            const stepAngle = centerMap.get("stepAngle");
+            this._appendCircle(long, lat, maxRadius, stepAngle, centerID, updateBucket);
+        }
+        this._updateData(updateBucket, CSObjectArrayUpdateTypes.UPDATE);
+    }
+
+}