@pirireis/webglobeplugins 0.9.9 → 0.9.11

package/wind/vectorfieldimage.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function getVectorField(u, v, width, height, vMin, vMax, uMin, uMax, flip) {
+    var data = new Uint8ClampedArray(width * height * 4);
+    for (var row = 0; row < height; row++) {
+        for (var col = 0; col < width; col++) {
+            var k = flip ? ((height - row - 1) * width + col) : row * width + col;
+            var idx = (width * row + col) << 2; // Multiply by 4 for RGBA
+            if (u[k] === null || v[k] === null || isNaN(u[k]) || !isFinite(u[k]) || isNaN(v[k]) || !isFinite(v[k])) {
+                data[idx] = 0; // R
+                data[idx + 1] = 0; // G
+                data[idx + 2] = 0; // B
+                data[idx + 3] = 0; // A
+            }
+            else {
+                data[idx] = Math.floor(255 * (u[k] - uMin) / (uMax - uMin)); // R
+                data[idx + 1] = Math.floor(255 * (v[k] - vMin) / (vMax - vMin)); // G
+                data[idx + 2] = 0; // B
+                data[idx + 3] = 255; // A
+            }
+        }
+    }
+    return data;
+}
+exports.default = getVectorField;

package/write-text/attached-text-writer.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttachedTextWriter = void 0;
+var webglobe_1 = require("@pirireis/webglobe");
+var typecheck_1 = require("../util/check/typecheck");
+/**
+ * Light wight version of context text writer.
+ * The parameters by text are calculated on user side and inserted as items. (ContextTextWriter3 constructs text data from items)
+ *
+ * Good side of ContextTextWriters pattern is that there is only one way to create text.
+ * The glue is inside the plugin.
+ * This makes the code more readable and maintainable.
+ *
+ * With AttachedTextWriter the glue is created by user.
+ * I observed that the users generally uses a wrapper around the plugin logic anyway. This wrapper can be used as the glue for plugin and attacked writer.
+ */
+var AttachedTextWriter = /** @class */ (function () {
+    function AttachedTextWriter(globe, _a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.style, style = _c === void 0 ? {
+            textFont: {
+                name: 'Arial',
+                textColor: '#FFFFFF', // beyaz
+                hollowColor: '#000000', // siyah
+                size: 12, // piksel
+                hollow: true,
+                bold: true,
+                italic: false,
+            },
+            opacity: 1.0,
+            zMode: webglobe_1.CSZMode.Z_GROUND_PERVERTEX,
+        } : _c, _d = _b.doDraw, doDraw = _d === void 0 ? true : _d, _e = _b.angleOnSphere, angleOnSphere = _e === void 0 ? false : _e, _f = _b.zoomLevelAdaptor, zoomLevelAdaptor = _f === void 0 ? function (zoomLevel) { return function (item) {
+            return {
+                opacityMultiplier: 1,
+                sizeMultiplier: 1
+            };
+        }; } : _f;
+        this.globe = globe;
+        this._itemMap = new Map();
+        this.doDraw = doDraw;
+        this.angleOnSphere = angleOnSphere;
+        this.zoomLevelAdaptor = zoomLevelAdaptor;
+        this.setStyle(style);
+    }
+    AttachedTextWriter.prototype.setOpacity = function (opacity) {
+        (0, typecheck_1.opacityCheck)(opacity);
+        this._style.opacity = opacity;
+        this.globe.DrawRender();
+    };
+    AttachedTextWriter.prototype.setStyle = function (style) {
+        (0, typecheck_1.isTextFont)(style.textFont);
+        this._style = style;
+        this.globe.DrawRender();
+    };
+    /**
+     *
+     * @param {{text, long, lat, z = 0, xOffset = 0, yOffset = 0, isAngleOn = false, Angle = 0 }} item
+     * @returns
+     */
+    AttachedTextWriter.prototype.insertItem = function (item) {
+        var key = this.keyAdaptor ? this.keyAdaptor(item) : item;
+        this._itemMap.set(key, item);
+        this.globe.DrawRender();
+    };
+    // TODO: use item style 
+    AttachedTextWriter.prototype.draw = function () {
+        if (!this.doDraw) {
+            return;
+        }
+        var _a = this, globe = _a.globe, _itemMap = _a._itemMap, _style = _a._style;
+        var zMode = _style.zMode, textFont = _style.textFont, opacity = _style.opacity;
+        var is3D = globe.api_GetCurrentGeometry() === 0;
+        var angleIsOn = is3D ? true : this.angleOnSphere;
+        var zoomLevel = globe.api_GetCurrentLODWithDecimal();
+        var zoomAdaptor = this.zoomLevelAdaptor(zoomLevel);
+        var theSize = textFont.size;
+        _itemMap.forEach(function (item, key) {
+            var text = item.text, long = item.long, lat = item.lat, _a = item.z, z = _a === void 0 ? 0 : _a, _b = item.xOffset, xOffset = _b === void 0 ? 0 : _b, _c = item.yOffset, yOffset = _c === void 0 ? 0 : _c, _d = item.isAngleOn, isAngleOn = _d === void 0 ? false : _d, _e = item.angle, angle = _e === void 0 ? 0 : _e;
+            var _f = globe.api_GetScreenPointFromGeo({
+                long: long,
+                lat: lat,
+                z: z
+            }, zMode), x = _f.x, y = _f.y;
+            var _g = zoomAdaptor(item), opacityMultiplier = _g.opacityMultiplier, sizeMultiplier = _g.sizeMultiplier;
+            textFont.size = sizeMultiplier * theSize;
+            if (x !== null && y !== null) {
+                globe.api_DrawContextText(text, textFont, opacityMultiplier * opacity, { x: x + xOffset, y: y - yOffset }, (isAngleOn && angleIsOn), angle);
+            }
+        });
+        textFont.size = theSize;
+    };
+    return AttachedTextWriter;
+}());
+exports.AttachedTextWriter = AttachedTextWriter;

package/write-text/context-text.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextTextWriter = void 0;
+var webglobe_1 = require("@pirireis/webglobe");
+var defaultStyle = {
+    textFont: {
+        name: 'Arial',
+        textColor: '#FFFFFF', // beyaz
+        hollowColor: '#000000', // siyah
+        size: 12, // piksel
+        hollow: true,
+        bold: true,
+        italic: false,
+    },
+    opacity: 1.0,
+    zMode: webglobe_1.CSZMode.Z_GROUND_PERVERTEX,
+};
+var ContextTextWriter = /** @class */ (function () {
+    function ContextTextWriter(globe, _a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.style, style = _c === void 0 ? null : _c, _d = _b.doDraw, doDraw = _d === void 0 ? true : _d;
+        this.globe = globe;
+        this.itemMap = new Map();
+        this.style = style || defaultStyle;
+        this.doDraw = doDraw;
+    }
+    ContextTextWriter.prototype.setDoDraw = function (bool) {
+        this.doDraw = bool;
+    };
+    ContextTextWriter.prototype.setStyle = function (style) {
+        this.style = style;
+    };
+    ContextTextWriter.prototype.setOpacity = function (opacity) {
+        this.style.opacity = opacity;
+    };
+    // Clean this ask Front dev
+    ContextTextWriter.prototype.doDraw = function (boolean) {
+        this.doDraw = boolean;
+    };
+    ContextTextWriter.prototype.draw = function () {
+        if (!this.doDraw)
+            return;
+        var _a = this, globe = _a.globe, style = _a.style, itemMap = _a.itemMap;
+        var textFont = style.textFont, opacity_ = style.opacity;
+        for (var _i = 0, itemMap_1 = itemMap; _i < itemMap_1.length; _i++) {
+            var _b = itemMap_1[_i], key = _b[0], _c = _b[1], lat = _c.lat, long = _c.long, text = _c.text, _d = _c.opacity, opacity = _d === void 0 ? null : _d;
+            var _e = globe.api_GetScreenPointFromGeo({
+                long: long,
+                lat: lat,
+                z: 0,
+            }, style.zMode === webglobe_1.CSZMode.Z_MSL), x = _e.x, y = _e.y;
+            var o = opacity === null ? opacity_ : opacity * opacity_;
+            if (x !== null && y !== null)
+                globe.api_DrawContextTextMultiLine(text, textFont, o, { x: x, y: y });
+        }
+    };
+    ContextTextWriter.prototype.insertText = function (key, lat, long, text) {
+        this.itemMap.set(key, { lat: lat, long: long, text: text });
+    };
+    ContextTextWriter.prototype.updateOpacityOfItem = function (key, opacity) {
+        this.itemMap.get(key).opacity = opacity;
+    };
+    ContextTextWriter.prototype.updateOpacityBulk = function (items, keyAdaptor, valueAdaptor) {
+        for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
+            var item = items_1[_i];
+            var key = keyAdaptor(item);
+            var opacity = valueAdaptor(item);
+            var data = this.itemMap.get(key);
+            data.opacity = opacity;
+        }
+    };
+    ContextTextWriter.prototype.updateText = function (key, text) {
+        var item = this.itemMap.get(key);
+        item.text = text;
+    };
+    ContextTextWriter.prototype.updateCoords = function (key, lat, long) {
+        var item = this.itemMap.get(key);
+        item.lat = lat;
+        item.long = long;
+    };
+    ContextTextWriter.prototype.insertTextBulk = function (items) {
+        for (var _i = 0, items_2 = items; _i < items_2.length; _i++) {
+            var item = items_2[_i];
+            this.itemMap.set(item.key, item);
+        }
+    };
+    ContextTextWriter.prototype.updateTextCoordsBulk = function (items) {
+        for (var _i = 0, items_3 = items; _i < items_3.length; _i++) {
+            var _a = items_3[_i], key = _a.key, lat = _a.lat, long = _a.long;
+            var item = this.itemMap.get(key);
+            item.lat = lat;
+            item.long = long;
+        }
+    };
+    ContextTextWriter.prototype.deleteTextBulk = function (keys) {
+        for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
+            var key = keys_1[_i];
+            this.itemMap.delete(key);
+        }
+    };
+    ContextTextWriter.prototype.clear = function () {
+        this.itemMap.clear();
+    };
+    return ContextTextWriter;
+}());
+exports.ContextTextWriter = ContextTextWriter;

package/write-text/context-text3.js

@@ -0,0 +1,160 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextTextWriter3 = void 0;
+var webglobe_1 = require("@pirireis/webglobe");
+var typecheck_1 = require("../util/check/typecheck");
+/**
+ * TODOs:
+ * 1) update all if initials change (propably need a context and a callback to iterate over zPayload)
+ * 2) expose a mechanic to update text on zoom change
+ * 3) extend the mechanic on 2 to other events
+ *
+ * TODO: key check and raise error if doesnt exist
+ */
+var ContextTextWriter3 = /** @class */ (function () {
+    function ContextTextWriter3(globe, _a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.style, style = _c === void 0 ? {
+            textFont: {
+                name: 'Arial',
+                textColor: '#FFFFFF', // beyaz
+                hollowColor: '#000000', // siyah
+                size: 12, // piksel
+                hollow: true,
+                bold: true,
+                italic: false,
+            },
+            opacity: 1.0,
+            zMode: webglobe_1.CSZMode.Z_GROUND_PERVERTEX,
+        } : _c, _d = _b.xOffset, xOffset = _d === void 0 ? 0 : _d, _e = _b.yOffset, yOffset = _e === void 0 ? 0 : _e, _f = _b.doDraw, doDraw = _f === void 0 ? true : _f, _g = _b.textAdaptor, textAdaptor = _g === void 0 ? null : _g, _h = _b.coordinatesAdaptor, coordinatesAdaptor = _h === void 0 ? null : _h, _j = _b.keyAdaptor, keyAdaptor = _j === void 0 ? null : _j, _k = _b.opacityAdaptor, opacityAdaptor = _k === void 0 ? null : _k, _l = _b.angleAdaptor, angleAdaptor = _l === void 0 ? null : _l, _m = _b.angleOnSphere, angleOnSphere = _m === void 0 ? false : _m, _o = _b.positionAdaptor, positionAdaptor = _o === void 0 ? function (item, i, container, properties) { return "left"; } : _o, _p = _b.zoomLevelAdaptor, zoomLevelAdaptor = _p === void 0 ? function (zoomLevel) { return function (item) {
+            return {
+                opacityMultiplier: 1,
+                sizeMultiplier: 1
+            };
+        }; } : _p;
+        this.globe = globe;
+        this.itemMap = new Map();
+        this.setStyle(style);
+        this.doDraw = doDraw;
+        this._checkParameterTypes(textAdaptor, coordinatesAdaptor, keyAdaptor, opacityAdaptor, angleAdaptor, xOffset, yOffset);
+        this.textAdaptor = textAdaptor;
+        this.coordinatesAdaptor = coordinatesAdaptor;
+        this.keyAdaptor = keyAdaptor;
+        this.zoomLevelAdaptor = zoomLevelAdaptor;
+        this.positionAdaptor = positionAdaptor;
+        this.opacityAdaptor = opacityAdaptor ? opacityAdaptor : function () { return 1; };
+        this.angleOnSphere = angleOnSphere;
+        if (angleAdaptor) {
+            this.angleAdaptor = angleAdaptor;
+            this.angleAdaptorIsOn = true;
+        }
+        else {
+            this.angleAdaptor = function () { return null; };
+            this.angleAdaptorIsOn = false;
+        }
+        this.xOffset = xOffset;
+        this.yOffset = yOffset;
+    }
+    ContextTextWriter3.prototype._checkParameterTypes = function (textAdaptor, coordinatesAdaptor, keyAdaptor, opacityAdaptor, angleAdaptor, xOffset, yOffset) {
+        if (textAdaptor !== null)
+            if (!(textAdaptor instanceof Function))
+                throw new Error("textAdaptor is not an instance of a Function");
+        if (coordinatesAdaptor !== null)
+            if (!(coordinatesAdaptor instanceof Function))
+                throw new Error("coordinatesAdaptor is not an instance of a Function");
+        if (keyAdaptor !== null)
+            if (!(keyAdaptor instanceof Function))
+                throw new Error("keyAdaptor is not an instance of a Function");
+        if (opacityAdaptor !== null)
+            if (!(opacityAdaptor instanceof Function))
+                throw new Error("opacityAdaptor is not an instance of a Function");
+        if (angleAdaptor !== null)
+            if (!(angleAdaptor instanceof Function))
+                throw new Error("angleAdaptor is not an instance of a Function");
+        if (typeof xOffset !== "number")
+            throw new Error("xOffset type is not a number");
+        if (typeof yOffset !== "number")
+            throw new Error("yOffset type is not a number");
+    };
+    ContextTextWriter3.prototype.setKeyAdaptor = function (adaptor) {
+        this.keyAdaptor = adaptor;
+    };
+    ContextTextWriter3.prototype.setDoDraw = function (bool) {
+        this.doDraw = bool;
+        this.globe.DrawRender();
+    };
+    ContextTextWriter3.prototype.setStyle = function (style) {
+        (0, typecheck_1.isTextFont)(style.textFont);
+        (0, typecheck_1.opacityCheck)(style.opacity); //TODO: use shallow copy
+        this.style = style;
+        this.globe.DrawRender();
+    };
+    ContextTextWriter3.prototype.setOpacity = function (opacity) {
+        this.style.opacity = opacity;
+        this.globe.DrawRender();
+    };
+    ContextTextWriter3.prototype.draw = function () {
+        if (!this.doDraw)
+            return;
+        var _a = this, globe = _a.globe, style = _a.style, itemMap = _a.itemMap, xOffset = _a.xOffset, yOffset = _a.yOffset;
+        var textFont = style.textFont, opacity_ = style.opacity;
+        var textSize = textFont.size;
+        var is3D = globe.api_GetCurrentGeometry() === 0;
+        var angleIsOn = is3D ? (this.angleAdaptorIsOn && this.angleOnSphere) : (this.angleAdaptorIsOn);
+        var zoomLevel = globe.api_GetCurrentLODWithDecimal();
+        var zoomAdaptor = this.zoomLevelAdaptor(zoomLevel);
+        for (var _i = 0, _b = itemMap.values(); _i < _b.length; _i++) {
+            var item = _b[_i];
+            var lat = item.lat, long = item.long, text = item.text, _c = item.opacity, opacity = _c === void 0 ? null : _c, _d = item.angle, angle = _d === void 0 ? null : _d, zPayload = item.zPayload, position = item.position;
+            var _e = globe.api_GetScreenPointFromGeo({
+                long: long,
+                lat: lat,
+                z: 0,
+            }, style.zMode === webglobe_1.CSZMode.Z_MSL), x = _e.x, y = _e.y;
+            var _f = zoomAdaptor(zPayload), opacityMultiplier = _f.opacityMultiplier, sizeMultiplier = _f.sizeMultiplier;
+            var o = (opacity === null ? opacity_ : opacity * opacity_) * opacityMultiplier;
+            textFont.size = sizeMultiplier * textSize;
+            textFont.position = position;
+            if (x !== null && y !== null)
+                globe.api_DrawContextTextMultiLine(text, textFont, o, { x: x + xOffset, y: y - yOffset }, angleIsOn, angle);
+        }
+        textFont.size = textSize;
+    };
+    ContextTextWriter3.prototype.insertTextBulk = function (container, properties) {
+        var _this = this;
+        container.forEach(function (v, i, c) {
+            _this.insertText(v, i, c, properties);
+        });
+    };
+    ContextTextWriter3.prototype.deleteTextBulk = function (keys) {
+        for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
+            var key = keys_1[_i];
+            this.itemMap.delete(key);
+        }
+    };
+    ContextTextWriter3.prototype.insertText = function (item, id, container, properties) {
+        var key = this.keyAdaptor(item, id, container, properties);
+        var coords = this.coordinatesAdaptor(item, id, container, properties);
+        if (coords == null) {
+            this.itemMap.delete(key);
+            return;
+        }
+        var text = this.textAdaptor(item, id, container, properties);
+        if (text == null) {
+            this.itemMap.delete(key);
+            return;
+        }
+        ;
+        var opacity = this.opacityAdaptor(item, id, container, properties);
+        var angle = this.angleAdaptor(item, id, container, properties);
+        var position = this.positionAdaptor(item, id, container, properties);
+        this.itemMap.set(key, { long: coords.long, lat: coords.lat, text: text, opacity: opacity, angle: angle, zPayload: item, position: position });
+    };
+    ContextTextWriter3.prototype.clear = function () {
+        this.itemMap.clear();
+    };
+    ContextTextWriter3.prototype.free = function () {
+        this.itemMap = null;
+    };
+    return ContextTextWriter3;
+}());
+exports.ContextTextWriter3 = ContextTextWriter3;

package/write-text/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextTextWriter = void 0;
+var context_text_1 = require("./context-text");
+Object.defineProperty(exports, "ContextTextWriter", { enumerable: true, get: function () { return context_text_1.ContextTextWriter; } });

package/write-text/writer-plugin.js

@@ -0,0 +1,8 @@
+"use strict";
+/**
+ * registerMap(id, aMap, textFont)
+ * aMap key, object map.
+ * aMap is a specifical tem for a use case.
+ * The object has { text, long, lat, opacity, angle, zPayload, achor, xOffset, yOffset, ...extraPropertiesForZoomLevelAdaptor } properties.
+ * the plugin runs over items in aMap and draw text on the globe.
+ */