@pirireis/webglobeplugins 0.9.10 → 0.9.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Math/angle-calculation.js +8 -8
- package/Math/arc.js +18 -18
- package/Math/bounds/line-bbox.js +80 -78
- package/Math/constants.js +3 -3
- package/Math/juction/arc-plane.js +23 -23
- package/Math/juction/line-sphere.js +11 -11
- package/Math/juction/plane-plane.js +11 -11
- package/Math/line.js +16 -14
- package/Math/methods.js +72 -67
- package/Math/plane.js +18 -16
- package/Math/quaternion.js +49 -45
- package/Math/utils.js +2 -2
- package/Math/vec3.js +45 -42
- package/algorithms/search-binary.js +4 -4
- package/altitude-locator/draw-subset-obj.js +8 -7
- package/altitude-locator/plugin.js +113 -97
- package/arrowfield/adaptor.js +4 -3
- package/arrowfield/index.js +2 -2
- package/arrowfield/plugin.js +65 -62
- package/bearing-line/index.js +1 -1
- package/bearing-line/plugin.js +225 -200
- package/circle-line-chain/chain-list-map.js +88 -82
- package/circle-line-chain/plugin.js +154 -129
- package/circle-line-chain/util.js +1 -1
- package/compass-rose/compass-rose-padding-flat.js +126 -104
- package/compass-rose/compass-text-writer.js +70 -62
- package/compass-rose/index.js +2 -2
- package/compassrose/compassrose.js +50 -46
- package/compassrose/index.js +1 -1
- package/heatwave/index.js +2 -2
- package/heatwave/isobar/objectarraylabels.js +48 -44
- package/heatwave/isobar/plugin.js +123 -104
- package/heatwave/isobar/quadtreecontours.js +92 -76
- package/heatwave/plugins/heatwaveglobeshell.js +87 -69
- package/index.js +11 -11
- package/package.json +1 -1
- package/partialrings/buffer-manager.js +64 -32
- package/partialrings/index.js +1 -1
- package/partialrings/plugin.js +84 -48
- package/partialrings/program.js +47 -136
- package/pin/pin-object-array.js +86 -83
- package/pin/pin-point-totem.js +22 -21
- package/point-heat-map/adaptors/timetracksplugin-format-to-this.js +10 -10
- package/point-heat-map/plugin-webworker.js +45 -40
- package/point-heat-map/point-to-heat-map-flow.js +42 -40
- package/point-tracks/key-methods.js +1 -1
- package/point-tracks/plugin.js +142 -127
- package/programs/arrowfield/index.js +1 -1
- package/programs/arrowfield/logic.js +62 -170
- package/programs/arrowfield/object.js +35 -33
- package/programs/data2legend/density-to-legend.js +21 -45
- package/programs/data2legend/point-to-density-texture.js +27 -52
- package/programs/float2legendwithratio/index.js +1 -1
- package/programs/float2legendwithratio/logic.js +42 -88
- package/programs/float2legendwithratio/object.js +46 -43
- package/programs/globe-util/is-globe-moved.js +11 -10
- package/programs/globeshell/index.js +1 -1
- package/programs/globeshell/wiggle/index.js +1 -1
- package/programs/globeshell/wiggle/logic.js +98 -191
- package/programs/globeshell/wiggle/object.js +35 -33
- package/programs/helpers/blender/program.js +19 -36
- package/programs/helpers/fadeaway/index.js +1 -1
- package/programs/helpers/fadeaway/logic.js +13 -35
- package/programs/helpers/fadeaway/object.js +10 -9
- package/programs/helpers/index.js +1 -1
- package/programs/index.js +8 -8
- package/programs/line-on-globe/angled-line.js +32 -91
- package/programs/line-on-globe/circle-accurate-3d.js +32 -82
- package/programs/line-on-globe/circle-accurate-flat.js +50 -108
- package/programs/line-on-globe/circle-accurate.js +33 -103
- package/programs/line-on-globe/circle.js +32 -97
- package/programs/line-on-globe/degree-padding-around-circle-3d.js +33 -83
- package/programs/line-on-globe/lines-color-instanced-flat.js +34 -79
- package/programs/line-on-globe/linestrip.js +39 -100
- package/programs/line-on-globe/naive-accurate-flexible.js +48 -118
- package/programs/line-on-globe/to-the-surface.js +29 -58
- package/programs/line-on-globe/util.js +1 -1
- package/programs/picking/pickable-renderer.js +33 -117
- package/programs/point-on-globe/element-globe-surface-glow.js +38 -78
- package/programs/point-on-globe/element-point-glow.js +35 -103
- package/programs/point-on-globe/square-pixel-point.js +27 -76
- package/programs/programcache.js +13 -13
- package/programs/rings/distancering/circleflatprogram.js +21 -63
- package/programs/rings/distancering/circlepaddingfreeangleprogram.js +145 -156
- package/programs/rings/distancering/circlepaddysharedbuffer.js +197 -121
- package/programs/rings/distancering/index.js +4 -4
- package/programs/rings/distancering/paddyflatprogram.js +20 -73
- package/programs/rings/distancering/paddyflatprogram2d.js +22 -75
- package/programs/rings/distancering/paddyflatprogram3d.js +20 -73
- package/programs/rings/partial-ring/piece-of-pie.js +35 -137
- package/programs/totems/camerauniformblock.js +51 -64
- package/programs/totems/canvas-webglobe-info.js +40 -48
- package/programs/totems/gpu-selection-uniform-block.js +40 -44
- package/programs/totems/index.js +1 -1
- package/programs/two-d/pixel-padding-for-compass.js +29 -90
- package/programs/util.js +7 -6
- package/programs/vectorfields/index.js +1 -1
- package/programs/vectorfields/logics/drawrectangleparticles.js +29 -70
- package/programs/vectorfields/logics/index.js +3 -3
- package/programs/vectorfields/logics/pixelbased.js +35 -91
- package/programs/vectorfields/logics/ubo.js +25 -31
- package/programs/vectorfields/pingpongbuffermanager.js +34 -30
- package/rangerings/index.js +4 -4
- package/rangerings/plugin.js +252 -202
- package/rangerings/rangeringangletext.js +120 -108
- package/rangerings/ring-account.js +69 -52
- package/shaders/fragment-toy/firework.js +1 -55
- package/shaders/fragment-toy/singularity.js +1 -55
- package/timetracks/adaptors-line-strip.js +37 -26
- package/timetracks/adaptors.js +61 -47
- package/timetracks/index.js +4 -4
- package/timetracks/plugin-line-strip.js +63 -59
- package/timetracks/plugin.js +69 -65
- package/timetracks/program-line-strip.js +103 -296
- package/timetracks/program.js +113 -419
- package/timetracks/programpoint-line-strip.js +44 -97
- package/timetracks/programpoint.js +44 -90
- package/util/account/bufferoffsetmanager.js +95 -72
- package/util/account/index.js +1 -1
- package/util/account/single-attribute-buffer-management/buffer-manager.js +43 -39
- package/util/account/single-attribute-buffer-management/buffer-orchestrator.js +94 -64
- package/util/account/single-attribute-buffer-management/index.js +3 -3
- package/util/account/single-attribute-buffer-management/object-store.js +30 -28
- package/util/account/util.js +4 -2
- package/util/algorithms/search-binary.js +4 -4
- package/util/check/get.js +5 -5
- package/util/check/typecheck.js +15 -13
- package/util/geometry/index.js +11 -9
- package/util/gl-util/buffer/attribute-loader.js +20 -8
- package/util/gl-util/buffer/index.js +1 -1
- package/util/gl-util/draw-options/methods.js +7 -7
- package/util/gl-util/uniform-block/manager.js +67 -55
- package/util/heatwavedatamanager/datamanager.js +116 -56
- package/util/heatwavedatamanager/index.js +2 -2
- package/util/heatwavedatamanager/pointcoordinatesdatacalculator.js +40 -37
- package/util/heatwavedatamanager/pointcoordsmeta.js +10 -9
- package/util/index.js +6 -6
- package/util/interpolation/timetrack/index.js +1 -1
- package/util/interpolation/timetrack/timetrack-interpolator.js +29 -27
- package/util/interpolation/timetrack/web-worker-str.js +1 -179
- package/util/interpolation/timetrack/web-worker.js +4 -4
- package/util/jshelpers/data-filler.js +7 -7
- package/util/jshelpers/timefilters.js +7 -7
- package/util/picking/fence.js +7 -7
- package/util/picking/picker-displayer.js +52 -46
- package/util/programs/draw-texture-on-canvas.js +21 -39
- package/util/programs/shapesonglobe.js +64 -104
- package/util/programs/supersampletotextures.js +39 -45
- package/util/programs/texturetoglobe.js +48 -98
- package/util/shaderfunctions/geometrytransformations.js +27 -322
- package/util/shaderfunctions/nodata.js +1 -7
- package/util/shaderfunctions/noisefunctions.js +9 -39
- package/util/surface-line-data/arcs-to-cuts.js +23 -20
- package/util/webglobe/rasteroverlay.js +37 -35
- package/util/webglobjectbuilders.js +60 -55
- package/util/webglobjectbuilders1.js +49 -48
- package/waveparticles/adaptor.js +7 -6
- package/waveparticles/index.js +2 -2
- package/waveparticles/plugin.js +84 -79
- package/wind/imagetovectorfieldandmagnitude.js +15 -15
- package/wind/index.js +4 -4
- package/wind/plugin.js +251 -453
- package/wind/vectorfieldimage.js +5 -5
- package/write-text/attached-text-writer.js +48 -46
- package/write-text/context-text.js +58 -51
- package/write-text/context-text3.js +74 -69
package/wind/vectorfieldimage.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
function getVectorField(u, v, width, height, vMin, vMax, uMin, uMax, flip) {
|
|
4
|
-
|
|
5
|
-
for (
|
|
6
|
-
for (
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
var data = new Uint8ClampedArray(width * height * 4);
|
|
5
|
+
for (var row = 0; row < height; row++) {
|
|
6
|
+
for (var col = 0; col < width; col++) {
|
|
7
|
+
var k = flip ? ((height - row - 1) * width + col) : row * width + col;
|
|
8
|
+
var idx = (width * row + col) << 2; // Multiply by 4 for RGBA
|
|
9
9
|
if (u[k] === null || v[k] === null || isNaN(u[k]) || !isFinite(u[k]) || isNaN(v[k]) || !isFinite(v[k])) {
|
|
10
10
|
data[idx] = 0; // R
|
|
11
11
|
data[idx + 1] = 0; // G
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.AttachedTextWriter = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
var webglobe_1 = require("@pirireis/webglobe");
|
|
5
|
+
var typecheck_1 = require("../util/check/typecheck");
|
|
6
6
|
/**
|
|
7
7
|
* Light wight version of context text writer.
|
|
8
8
|
* The parameters by text are calculated on user side and inserted as items. (ContextTextWriter3 constructs text data from items)
|
|
@@ -14,25 +14,26 @@ const typecheck_1 = require("../util/check/typecheck");
|
|
|
14
14
|
* With AttachedTextWriter the glue is created by user.
|
|
15
15
|
* 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.
|
|
16
16
|
*/
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
return {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
17
|
+
var AttachedTextWriter = /** @class */ (function () {
|
|
18
|
+
function AttachedTextWriter(globe, _a) {
|
|
19
|
+
var _b = _a === void 0 ? {} : _a, _c = _b.style, style = _c === void 0 ? {
|
|
20
|
+
textFont: {
|
|
21
|
+
name: 'Arial',
|
|
22
|
+
textColor: '#FFFFFF', // beyaz
|
|
23
|
+
hollowColor: '#000000', // siyah
|
|
24
|
+
size: 12, // piksel
|
|
25
|
+
hollow: true,
|
|
26
|
+
bold: true,
|
|
27
|
+
italic: false,
|
|
28
|
+
},
|
|
29
|
+
opacity: 1.0,
|
|
30
|
+
zMode: webglobe_1.CSZMode.Z_GROUND_PERVERTEX,
|
|
31
|
+
} : _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) {
|
|
32
|
+
return {
|
|
33
|
+
opacityMultiplier: 1,
|
|
34
|
+
sizeMultiplier: 1
|
|
35
|
+
};
|
|
36
|
+
}; } : _f;
|
|
36
37
|
this.globe = globe;
|
|
37
38
|
this._itemMap = new Map();
|
|
38
39
|
this.doDraw = doDraw;
|
|
@@ -40,52 +41,53 @@ class AttachedTextWriter {
|
|
|
40
41
|
this.zoomLevelAdaptor = zoomLevelAdaptor;
|
|
41
42
|
this.setStyle(style);
|
|
42
43
|
}
|
|
43
|
-
setOpacity(opacity) {
|
|
44
|
+
AttachedTextWriter.prototype.setOpacity = function (opacity) {
|
|
44
45
|
(0, typecheck_1.opacityCheck)(opacity);
|
|
45
46
|
this._style.opacity = opacity;
|
|
46
47
|
this.globe.DrawRender();
|
|
47
|
-
}
|
|
48
|
-
setStyle(style) {
|
|
48
|
+
};
|
|
49
|
+
AttachedTextWriter.prototype.setStyle = function (style) {
|
|
49
50
|
(0, typecheck_1.isTextFont)(style.textFont);
|
|
50
51
|
this._style = style;
|
|
51
52
|
this.globe.DrawRender();
|
|
52
|
-
}
|
|
53
|
+
};
|
|
53
54
|
/**
|
|
54
55
|
*
|
|
55
56
|
* @param {{text, long, lat, z = 0, xOffset = 0, yOffset = 0, isAngleOn = false, Angle = 0 }} item
|
|
56
57
|
* @returns
|
|
57
58
|
*/
|
|
58
|
-
insertItem(item) {
|
|
59
|
-
|
|
59
|
+
AttachedTextWriter.prototype.insertItem = function (item) {
|
|
60
|
+
var key = this.keyAdaptor ? this.keyAdaptor(item) : item;
|
|
60
61
|
this._itemMap.set(key, item);
|
|
61
62
|
this.globe.DrawRender();
|
|
62
|
-
}
|
|
63
|
+
};
|
|
63
64
|
// TODO: use item style
|
|
64
|
-
draw() {
|
|
65
|
+
AttachedTextWriter.prototype.draw = function () {
|
|
65
66
|
if (!this.doDraw) {
|
|
66
67
|
return;
|
|
67
68
|
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
_itemMap.forEach((item, key)
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
long,
|
|
79
|
-
lat,
|
|
80
|
-
z
|
|
81
|
-
}, zMode);
|
|
82
|
-
|
|
69
|
+
var _a = this, globe = _a.globe, _itemMap = _a._itemMap, _style = _a._style;
|
|
70
|
+
var zMode = _style.zMode, textFont = _style.textFont, opacity = _style.opacity;
|
|
71
|
+
var is3D = globe.api_GetCurrentGeometry() === 0;
|
|
72
|
+
var angleIsOn = is3D ? true : this.angleOnSphere;
|
|
73
|
+
var zoomLevel = globe.api_GetCurrentLODWithDecimal();
|
|
74
|
+
var zoomAdaptor = this.zoomLevelAdaptor(zoomLevel);
|
|
75
|
+
var theSize = textFont.size;
|
|
76
|
+
_itemMap.forEach(function (item, key) {
|
|
77
|
+
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;
|
|
78
|
+
var _f = globe.api_GetScreenPointFromGeo({
|
|
79
|
+
long: long,
|
|
80
|
+
lat: lat,
|
|
81
|
+
z: z
|
|
82
|
+
}, zMode), x = _f.x, y = _f.y;
|
|
83
|
+
var _g = zoomAdaptor(item), opacityMultiplier = _g.opacityMultiplier, sizeMultiplier = _g.sizeMultiplier;
|
|
83
84
|
textFont.size = sizeMultiplier * theSize;
|
|
84
85
|
if (x !== null && y !== null) {
|
|
85
86
|
globe.api_DrawContextText(text, textFont, opacityMultiplier * opacity, { x: x + xOffset, y: y - yOffset }, (isAngleOn && angleIsOn), angle);
|
|
86
87
|
}
|
|
87
88
|
});
|
|
88
89
|
textFont.size = theSize;
|
|
89
|
-
}
|
|
90
|
-
|
|
90
|
+
};
|
|
91
|
+
return AttachedTextWriter;
|
|
92
|
+
}());
|
|
91
93
|
exports.AttachedTextWriter = AttachedTextWriter;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ContextTextWriter = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
var webglobe_1 = require("@pirireis/webglobe");
|
|
5
|
+
var defaultStyle = {
|
|
6
6
|
textFont: {
|
|
7
7
|
name: 'Arial',
|
|
8
8
|
textColor: '#FFFFFF', // beyaz
|
|
@@ -15,84 +15,91 @@ const defaultStyle = {
|
|
|
15
15
|
opacity: 1.0,
|
|
16
16
|
zMode: webglobe_1.CSZMode.Z_GROUND_PERVERTEX,
|
|
17
17
|
};
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
var ContextTextWriter = /** @class */ (function () {
|
|
19
|
+
function ContextTextWriter(globe, _a) {
|
|
20
|
+
var _b = _a === void 0 ? {} : _a, _c = _b.style, style = _c === void 0 ? null : _c, _d = _b.doDraw, doDraw = _d === void 0 ? true : _d;
|
|
20
21
|
this.globe = globe;
|
|
21
22
|
this.itemMap = new Map();
|
|
22
23
|
this.style = style || defaultStyle;
|
|
23
24
|
this.doDraw = doDraw;
|
|
24
25
|
}
|
|
25
|
-
setDoDraw(bool) {
|
|
26
|
+
ContextTextWriter.prototype.setDoDraw = function (bool) {
|
|
26
27
|
this.doDraw = bool;
|
|
27
|
-
}
|
|
28
|
-
setStyle(style) {
|
|
28
|
+
};
|
|
29
|
+
ContextTextWriter.prototype.setStyle = function (style) {
|
|
29
30
|
this.style = style;
|
|
30
|
-
}
|
|
31
|
-
setOpacity(opacity) {
|
|
31
|
+
};
|
|
32
|
+
ContextTextWriter.prototype.setOpacity = function (opacity) {
|
|
32
33
|
this.style.opacity = opacity;
|
|
33
|
-
}
|
|
34
|
+
};
|
|
34
35
|
// Clean this ask Front dev
|
|
35
|
-
doDraw(boolean) {
|
|
36
|
+
ContextTextWriter.prototype.doDraw = function (boolean) {
|
|
36
37
|
this.doDraw = boolean;
|
|
37
|
-
}
|
|
38
|
-
draw() {
|
|
38
|
+
};
|
|
39
|
+
ContextTextWriter.prototype.draw = function () {
|
|
39
40
|
if (!this.doDraw)
|
|
40
41
|
return;
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
for (
|
|
44
|
-
|
|
42
|
+
var _a = this, globe = _a.globe, style = _a.style, itemMap = _a.itemMap;
|
|
43
|
+
var textFont = style.textFont, opacity_ = style.opacity;
|
|
44
|
+
for (var _i = 0, itemMap_1 = itemMap; _i < itemMap_1.length; _i++) {
|
|
45
|
+
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;
|
|
46
|
+
var _e = globe.api_GetScreenPointFromGeo({
|
|
45
47
|
long: long,
|
|
46
48
|
lat: lat,
|
|
47
49
|
z: 0,
|
|
48
|
-
}, style.zMode === webglobe_1.CSZMode.Z_MSL);
|
|
49
|
-
|
|
50
|
+
}, style.zMode === webglobe_1.CSZMode.Z_MSL), x = _e.x, y = _e.y;
|
|
51
|
+
var o = opacity === null ? opacity_ : opacity * opacity_;
|
|
50
52
|
if (x !== null && y !== null)
|
|
51
|
-
globe.api_DrawContextTextMultiLine(text, textFont, o, { x, y });
|
|
53
|
+
globe.api_DrawContextTextMultiLine(text, textFont, o, { x: x, y: y });
|
|
52
54
|
}
|
|
53
|
-
}
|
|
54
|
-
insertText(key, lat, long, text) {
|
|
55
|
-
this.itemMap.set(key, { lat, long, text });
|
|
56
|
-
}
|
|
57
|
-
updateOpacityOfItem(key, opacity) {
|
|
55
|
+
};
|
|
56
|
+
ContextTextWriter.prototype.insertText = function (key, lat, long, text) {
|
|
57
|
+
this.itemMap.set(key, { lat: lat, long: long, text: text });
|
|
58
|
+
};
|
|
59
|
+
ContextTextWriter.prototype.updateOpacityOfItem = function (key, opacity) {
|
|
58
60
|
this.itemMap.get(key).opacity = opacity;
|
|
59
|
-
}
|
|
60
|
-
updateOpacityBulk(items, keyAdaptor, valueAdaptor) {
|
|
61
|
-
for (
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
61
|
+
};
|
|
62
|
+
ContextTextWriter.prototype.updateOpacityBulk = function (items, keyAdaptor, valueAdaptor) {
|
|
63
|
+
for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
|
|
64
|
+
var item = items_1[_i];
|
|
65
|
+
var key = keyAdaptor(item);
|
|
66
|
+
var opacity = valueAdaptor(item);
|
|
67
|
+
var data = this.itemMap.get(key);
|
|
65
68
|
data.opacity = opacity;
|
|
66
69
|
}
|
|
67
|
-
}
|
|
68
|
-
updateText(key, text) {
|
|
69
|
-
|
|
70
|
+
};
|
|
71
|
+
ContextTextWriter.prototype.updateText = function (key, text) {
|
|
72
|
+
var item = this.itemMap.get(key);
|
|
70
73
|
item.text = text;
|
|
71
|
-
}
|
|
72
|
-
updateCoords(key, lat, long) {
|
|
73
|
-
|
|
74
|
+
};
|
|
75
|
+
ContextTextWriter.prototype.updateCoords = function (key, lat, long) {
|
|
76
|
+
var item = this.itemMap.get(key);
|
|
74
77
|
item.lat = lat;
|
|
75
78
|
item.long = long;
|
|
76
|
-
}
|
|
77
|
-
insertTextBulk(items) {
|
|
78
|
-
for (
|
|
79
|
+
};
|
|
80
|
+
ContextTextWriter.prototype.insertTextBulk = function (items) {
|
|
81
|
+
for (var _i = 0, items_2 = items; _i < items_2.length; _i++) {
|
|
82
|
+
var item = items_2[_i];
|
|
79
83
|
this.itemMap.set(item.key, item);
|
|
80
84
|
}
|
|
81
|
-
}
|
|
82
|
-
updateTextCoordsBulk(items) {
|
|
83
|
-
for (
|
|
84
|
-
|
|
85
|
+
};
|
|
86
|
+
ContextTextWriter.prototype.updateTextCoordsBulk = function (items) {
|
|
87
|
+
for (var _i = 0, items_3 = items; _i < items_3.length; _i++) {
|
|
88
|
+
var _a = items_3[_i], key = _a.key, lat = _a.lat, long = _a.long;
|
|
89
|
+
var item = this.itemMap.get(key);
|
|
85
90
|
item.lat = lat;
|
|
86
91
|
item.long = long;
|
|
87
92
|
}
|
|
88
|
-
}
|
|
89
|
-
deleteTextBulk(keys) {
|
|
90
|
-
for (
|
|
93
|
+
};
|
|
94
|
+
ContextTextWriter.prototype.deleteTextBulk = function (keys) {
|
|
95
|
+
for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
|
|
96
|
+
var key = keys_1[_i];
|
|
91
97
|
this.itemMap.delete(key);
|
|
92
98
|
}
|
|
93
|
-
}
|
|
94
|
-
clear() {
|
|
99
|
+
};
|
|
100
|
+
ContextTextWriter.prototype.clear = function () {
|
|
95
101
|
this.itemMap.clear();
|
|
96
|
-
}
|
|
97
|
-
|
|
102
|
+
};
|
|
103
|
+
return ContextTextWriter;
|
|
104
|
+
}());
|
|
98
105
|
exports.ContextTextWriter = ContextTextWriter;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ContextTextWriter3 = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
var webglobe_1 = require("@pirireis/webglobe");
|
|
5
|
+
var typecheck_1 = require("../util/check/typecheck");
|
|
6
6
|
/**
|
|
7
7
|
* TODOs:
|
|
8
8
|
* 1) update all if initials change (propably need a context and a callback to iterate over zPayload)
|
|
@@ -11,25 +11,26 @@ const typecheck_1 = require("../util/check/typecheck");
|
|
|
11
11
|
*
|
|
12
12
|
* TODO: key check and raise error if doesnt exist
|
|
13
13
|
*/
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
return {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
14
|
+
var ContextTextWriter3 = /** @class */ (function () {
|
|
15
|
+
function ContextTextWriter3(globe, _a) {
|
|
16
|
+
var _b = _a === void 0 ? {} : _a, _c = _b.style, style = _c === void 0 ? {
|
|
17
|
+
textFont: {
|
|
18
|
+
name: 'Arial',
|
|
19
|
+
textColor: '#FFFFFF', // beyaz
|
|
20
|
+
hollowColor: '#000000', // siyah
|
|
21
|
+
size: 12, // piksel
|
|
22
|
+
hollow: true,
|
|
23
|
+
bold: true,
|
|
24
|
+
italic: false,
|
|
25
|
+
},
|
|
26
|
+
opacity: 1.0,
|
|
27
|
+
zMode: webglobe_1.CSZMode.Z_GROUND_PERVERTEX,
|
|
28
|
+
} : _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) {
|
|
29
|
+
return {
|
|
30
|
+
opacityMultiplier: 1,
|
|
31
|
+
sizeMultiplier: 1
|
|
32
|
+
};
|
|
33
|
+
}; } : _p;
|
|
33
34
|
this.globe = globe;
|
|
34
35
|
this.itemMap = new Map();
|
|
35
36
|
this.setStyle(style);
|
|
@@ -40,20 +41,20 @@ class ContextTextWriter3 {
|
|
|
40
41
|
this.keyAdaptor = keyAdaptor;
|
|
41
42
|
this.zoomLevelAdaptor = zoomLevelAdaptor;
|
|
42
43
|
this.positionAdaptor = positionAdaptor;
|
|
43
|
-
this.opacityAdaptor = opacityAdaptor ? opacityAdaptor : ()
|
|
44
|
+
this.opacityAdaptor = opacityAdaptor ? opacityAdaptor : function () { return 1; };
|
|
44
45
|
this.angleOnSphere = angleOnSphere;
|
|
45
46
|
if (angleAdaptor) {
|
|
46
47
|
this.angleAdaptor = angleAdaptor;
|
|
47
48
|
this.angleAdaptorIsOn = true;
|
|
48
49
|
}
|
|
49
50
|
else {
|
|
50
|
-
this.angleAdaptor = ()
|
|
51
|
+
this.angleAdaptor = function () { return null; };
|
|
51
52
|
this.angleAdaptorIsOn = false;
|
|
52
53
|
}
|
|
53
54
|
this.xOffset = xOffset;
|
|
54
55
|
this.yOffset = yOffset;
|
|
55
56
|
}
|
|
56
|
-
_checkParameterTypes(textAdaptor, coordinatesAdaptor, keyAdaptor, opacityAdaptor, angleAdaptor, xOffset, yOffset) {
|
|
57
|
+
ContextTextWriter3.prototype._checkParameterTypes = function (textAdaptor, coordinatesAdaptor, keyAdaptor, opacityAdaptor, angleAdaptor, xOffset, yOffset) {
|
|
57
58
|
if (textAdaptor !== null)
|
|
58
59
|
if (!(textAdaptor instanceof Function))
|
|
59
60
|
throw new Error("textAdaptor is not an instance of a Function");
|
|
@@ -73,83 +74,87 @@ class ContextTextWriter3 {
|
|
|
73
74
|
throw new Error("xOffset type is not a number");
|
|
74
75
|
if (typeof yOffset !== "number")
|
|
75
76
|
throw new Error("yOffset type is not a number");
|
|
76
|
-
}
|
|
77
|
-
setKeyAdaptor(adaptor) {
|
|
77
|
+
};
|
|
78
|
+
ContextTextWriter3.prototype.setKeyAdaptor = function (adaptor) {
|
|
78
79
|
this.keyAdaptor = adaptor;
|
|
79
|
-
}
|
|
80
|
-
setDoDraw(bool) {
|
|
80
|
+
};
|
|
81
|
+
ContextTextWriter3.prototype.setDoDraw = function (bool) {
|
|
81
82
|
this.doDraw = bool;
|
|
82
83
|
this.globe.DrawRender();
|
|
83
|
-
}
|
|
84
|
-
setStyle(style) {
|
|
84
|
+
};
|
|
85
|
+
ContextTextWriter3.prototype.setStyle = function (style) {
|
|
85
86
|
(0, typecheck_1.isTextFont)(style.textFont);
|
|
86
87
|
(0, typecheck_1.opacityCheck)(style.opacity); //TODO: use shallow copy
|
|
87
88
|
this.style = style;
|
|
88
89
|
this.globe.DrawRender();
|
|
89
|
-
}
|
|
90
|
-
setOpacity(opacity) {
|
|
90
|
+
};
|
|
91
|
+
ContextTextWriter3.prototype.setOpacity = function (opacity) {
|
|
91
92
|
this.style.opacity = opacity;
|
|
92
93
|
this.globe.DrawRender();
|
|
93
|
-
}
|
|
94
|
-
draw() {
|
|
94
|
+
};
|
|
95
|
+
ContextTextWriter3.prototype.draw = function () {
|
|
95
96
|
if (!this.doDraw)
|
|
96
97
|
return;
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
for (
|
|
105
|
-
|
|
106
|
-
|
|
98
|
+
var _a = this, globe = _a.globe, style = _a.style, itemMap = _a.itemMap, xOffset = _a.xOffset, yOffset = _a.yOffset;
|
|
99
|
+
var textFont = style.textFont, opacity_ = style.opacity;
|
|
100
|
+
var textSize = textFont.size;
|
|
101
|
+
var is3D = globe.api_GetCurrentGeometry() === 0;
|
|
102
|
+
var angleIsOn = is3D ? (this.angleAdaptorIsOn && this.angleOnSphere) : (this.angleAdaptorIsOn);
|
|
103
|
+
var zoomLevel = globe.api_GetCurrentLODWithDecimal();
|
|
104
|
+
var zoomAdaptor = this.zoomLevelAdaptor(zoomLevel);
|
|
105
|
+
for (var _i = 0, _b = itemMap.values(); _i < _b.length; _i++) {
|
|
106
|
+
var item = _b[_i];
|
|
107
|
+
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;
|
|
108
|
+
var _e = globe.api_GetScreenPointFromGeo({
|
|
107
109
|
long: long,
|
|
108
110
|
lat: lat,
|
|
109
111
|
z: 0,
|
|
110
|
-
}, style.zMode === webglobe_1.CSZMode.Z_MSL);
|
|
111
|
-
|
|
112
|
-
|
|
112
|
+
}, style.zMode === webglobe_1.CSZMode.Z_MSL), x = _e.x, y = _e.y;
|
|
113
|
+
var _f = zoomAdaptor(zPayload), opacityMultiplier = _f.opacityMultiplier, sizeMultiplier = _f.sizeMultiplier;
|
|
114
|
+
var o = (opacity === null ? opacity_ : opacity * opacity_) * opacityMultiplier;
|
|
113
115
|
textFont.size = sizeMultiplier * textSize;
|
|
114
116
|
textFont.position = position;
|
|
115
117
|
if (x !== null && y !== null)
|
|
116
118
|
globe.api_DrawContextTextMultiLine(text, textFont, o, { x: x + xOffset, y: y - yOffset }, angleIsOn, angle);
|
|
117
119
|
}
|
|
118
120
|
textFont.size = textSize;
|
|
119
|
-
}
|
|
120
|
-
insertTextBulk(container, properties) {
|
|
121
|
-
|
|
122
|
-
|
|
121
|
+
};
|
|
122
|
+
ContextTextWriter3.prototype.insertTextBulk = function (container, properties) {
|
|
123
|
+
var _this = this;
|
|
124
|
+
container.forEach(function (v, i, c) {
|
|
125
|
+
_this.insertText(v, i, c, properties);
|
|
123
126
|
});
|
|
124
|
-
}
|
|
125
|
-
deleteTextBulk(keys) {
|
|
126
|
-
for (
|
|
127
|
+
};
|
|
128
|
+
ContextTextWriter3.prototype.deleteTextBulk = function (keys) {
|
|
129
|
+
for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
|
|
130
|
+
var key = keys_1[_i];
|
|
127
131
|
this.itemMap.delete(key);
|
|
128
132
|
}
|
|
129
|
-
}
|
|
130
|
-
insertText(item, id, container, properties) {
|
|
131
|
-
|
|
132
|
-
|
|
133
|
+
};
|
|
134
|
+
ContextTextWriter3.prototype.insertText = function (item, id, container, properties) {
|
|
135
|
+
var key = this.keyAdaptor(item, id, container, properties);
|
|
136
|
+
var coords = this.coordinatesAdaptor(item, id, container, properties);
|
|
133
137
|
if (coords == null) {
|
|
134
138
|
this.itemMap.delete(key);
|
|
135
139
|
return;
|
|
136
140
|
}
|
|
137
|
-
|
|
141
|
+
var text = this.textAdaptor(item, id, container, properties);
|
|
138
142
|
if (text == null) {
|
|
139
143
|
this.itemMap.delete(key);
|
|
140
144
|
return;
|
|
141
145
|
}
|
|
142
146
|
;
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
this.itemMap.set(key, { long: coords.long, lat: coords.lat, text, opacity, angle, zPayload: item, position });
|
|
147
|
-
}
|
|
148
|
-
clear() {
|
|
147
|
+
var opacity = this.opacityAdaptor(item, id, container, properties);
|
|
148
|
+
var angle = this.angleAdaptor(item, id, container, properties);
|
|
149
|
+
var position = this.positionAdaptor(item, id, container, properties);
|
|
150
|
+
this.itemMap.set(key, { long: coords.long, lat: coords.lat, text: text, opacity: opacity, angle: angle, zPayload: item, position: position });
|
|
151
|
+
};
|
|
152
|
+
ContextTextWriter3.prototype.clear = function () {
|
|
149
153
|
this.itemMap.clear();
|
|
150
|
-
}
|
|
151
|
-
free() {
|
|
154
|
+
};
|
|
155
|
+
ContextTextWriter3.prototype.free = function () {
|
|
152
156
|
this.itemMap = null;
|
|
153
|
-
}
|
|
154
|
-
|
|
157
|
+
};
|
|
158
|
+
return ContextTextWriter3;
|
|
159
|
+
}());
|
|
155
160
|
exports.ContextTextWriter3 = ContextTextWriter3;
|