@record-evolution/widget-mapbox 1.4.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.
@@ -0,0 +1,391 @@
1
+ {
2
+ "settings": {
3
+
4
+ "style": "light-v11",
5
+ "showLegend": false,
6
+ "follow": false
7
+ },
8
+ "dataseries": [{
9
+ "label": "Circle Layer",
10
+ "type": "circle",
11
+ "color": "#49aaff",
12
+ "latestValues": 10,
13
+ "config": {
14
+ "circle": {
15
+ "circle-blur": 0.8,
16
+ "circle-opacity": 0.8
17
+ },
18
+ "symbol": {
19
+ "text-color": "black",
20
+ "text-size": 14
21
+ }
22
+ },
23
+ "data": [
24
+ {
25
+ "lon": 8.677489228329136,
26
+ "lat": 50.127241148617,
27
+ "pivot": "Heat",
28
+ "value": 14
29
+ },
30
+ {
31
+ "lon": 8.659063009652101,
32
+ "lat": 50.11497740999437,
33
+ "pivot": "Heat",
34
+ "value": 20
35
+ },
36
+ {
37
+ "lon": 8.695214449556431,
38
+ "lat": 50.12319638835092,
39
+ "pivot": "Heat",
40
+ "value": 40
41
+ },
42
+ {
43
+ "lon": 8.702524851531734,
44
+ "lat": 50.115876429477424,
45
+ "pivot": "Heat",
46
+ "value": 30
47
+ },
48
+ {
49
+ "lon": 8.690107182423503,
50
+ "lat": 50.10495862229391,
51
+ "pivot": "Heat",
52
+ "value": 50
53
+ },
54
+ {
55
+ "lon": 8.685600770246452,
56
+ "lat": 50.112665568096446,
57
+ "pivot": "Heat",
58
+ "value": 20
59
+ },
60
+
61
+ {
62
+ "lon": 8.662567996901032,
63
+ "lat": 50.12788314262312,
64
+ "pivot": "Rain",
65
+ "value": 22
66
+ },
67
+ {
68
+ "lon": 8.703225848981504,
69
+ "lat": 50.130772009080744,
70
+ "pivot": "Rain",
71
+ "value": 42
72
+ }
73
+ ]
74
+ },
75
+ {
76
+ "label": "Heatmap Layer",
77
+ "type": "heatmap",
78
+ "config": {
79
+ "heatmap": {
80
+ "heatmap-intensity": 0.8,
81
+ "heatmap-opacity": 0.5,
82
+ "heatmap-radius": 40
83
+ }
84
+ },
85
+ "data": [
86
+ {
87
+ "lon": 8.676587945894084,
88
+ "lat": 50.115105842382434,
89
+ "value": 50
90
+ },
91
+ {
92
+ "lon": 8.679492078185433,
93
+ "lat": 50.115747999156326,
94
+ "value": 10
95
+ },
96
+ {
97
+ "lon": 8.682696637955132,
98
+ "lat": 50.1160690743134,
99
+ "value": 30
100
+ },
101
+ {
102
+ "lon": 8.678290368272002,
103
+ "lat": 50.11549113748015,
104
+ "value": 60
105
+ },
106
+ {
107
+ "lon": 8.681895498013091,
108
+ "lat": 50.115234274426,
109
+ "value": 40
110
+ },
111
+ {
112
+ "lon": 8.680493503113553,
113
+ "lat": 50.11497740999437,
114
+ "value": 20
115
+ },
116
+ {
117
+ "lon": 8.677789655807516,
118
+ "lat": 50.11356463098625,
119
+ "value": 10
120
+ },
121
+ {
122
+ "lon": 8.681695213026984,
123
+ "lat": 50.113821502997354,
124
+ "value": 55
125
+ },
126
+ {
127
+ "lon": 8.68570091273952,
128
+ "lat": 50.1149131936709,
129
+ "value": 70
130
+ },
131
+ {
132
+ "lon": 8.684399060333078,
133
+ "lat": 50.11350041276856,
134
+ "value": 90
135
+ },
136
+ {
137
+ "lon": 8.691108607351651,
138
+ "lat": 50.11330775759768,
139
+ "value": 100
140
+ },
141
+ {
142
+ "lon": 8.697317441905739,
143
+ "lat": 50.11208759018123,
144
+ "value": 150
145
+ },
146
+ {
147
+ "lon": 8.690908322365487,
148
+ "lat": 50.11041783701788,
149
+ "value": 80
150
+ },
151
+ {
152
+ "lon": 8.7042272739088,
153
+ "lat": 50.11234447011586,
154
+ "value": 20
155
+ },
156
+ {
157
+ "lon": 8.703125706488436,
158
+ "lat": 50.10874802563299,
159
+ "value": 80
160
+ },
161
+ {
162
+ "lon": 8.717446082959896,
163
+ "lat": 50.11215181029422,
164
+ "value": 100
165
+ }
166
+ ]
167
+ },
168
+
169
+ {
170
+ "label": "Track Layer",
171
+ "type": "line",
172
+ "color": "red",
173
+ "config": {
174
+ "line": {
175
+ "line-width": 3
176
+ },
177
+ "symbol": {
178
+ "icon-image": "car",
179
+ "icon-size": 1
180
+ }
181
+ },
182
+ "data": [
183
+ {
184
+ "lon": 8.688351100353202,
185
+ "lat": 50.11772294500676,
186
+ "pivot": "Truck A"
187
+ },
188
+ {
189
+ "lon": 8.687138790553831,
190
+ "lat": 50.11816020123362,
191
+ "pivot": "Truck A"
192
+ },
193
+ {
194
+ "lon": 8.686002250117838,
195
+ "lat": 50.11840311963374,
196
+ "pivot": "Truck A"
197
+ },
198
+ {
199
+ "lon": 8.68418378542006,
200
+ "lat": 50.11806303352816,
201
+ "pivot": "Truck A"
202
+ },
203
+ {
204
+ "lon": 8.68221378199712,
205
+ "lat": 50.117577192043825,
206
+ "pivot": "Truck A"
207
+ },
208
+ {
209
+ "lon": 8.680925702835765,
210
+ "lat": 50.117237100071264,
211
+ "pivot": "Truck A"
212
+ },
213
+ {
214
+ "lon": 8.679789162398464,
215
+ "lat": 50.117237100071264,
216
+ "pivot": "Truck A"
217
+ },
218
+ {
219
+ "lon": 8.679107238136766,
220
+ "lat": 50.11791728160057,
221
+ "pivot": "Truck A"
222
+ },
223
+ {
224
+ "lon": 8.678501083238388,
225
+ "lat": 50.118597453466634,
226
+ "pivot": "Truck A"
227
+ },
228
+ {
229
+ "lon": 8.6780464670627,
230
+ "lat": 50.1193261983139,
231
+ "pivot": "Truck A"
232
+ },
233
+ {
234
+ "lon": 8.677516081526278,
235
+ "lat": 50.11981202204947,
236
+ "pivot": "Truck A"
237
+ },
238
+ {
239
+ "lon": 8.676455310452155,
240
+ "lat": 50.120297840854874,
241
+ "pivot": "Truck A"
242
+ },
243
+ {
244
+ "lon": 8.676909926626564,
245
+ "lat": 50.12078365473016,
246
+ "pivot": "Truck A"
247
+ },
248
+ {
249
+ "lon": 8.678122236425907,
250
+ "lat": 50.121172302280826,
251
+ "pivot": "Truck A"
252
+ },
253
+ {
254
+ "lon": 8.67918300750003,
255
+ "lat": 50.12165810728183,
256
+ "pivot": "Truck A"
257
+ },
258
+ {
259
+ "lon": 8.701686508139574,
260
+ "lat": 50.12277544007398,
261
+ "pivot": "Truck B"
262
+ },
263
+ {
264
+ "lon": 8.70130766132715,
265
+ "lat": 50.12335838596064,
266
+ "pivot": "Truck B"
267
+ },
268
+ {
269
+ "lon": 8.70062573706548,
270
+ "lat": 50.12403848052219,
271
+ "pivot": "Truck B"
272
+ },
273
+ {
274
+ "lon": 8.699868043440574,
275
+ "lat": 50.12369843444927,
276
+ "pivot": "Truck B"
277
+ },
278
+ {
279
+ "lon": 8.699720488983502,
280
+ "lat": 50.123651133464676,
281
+ "pivot": "Truck B"
282
+ },
283
+ {
284
+ "lon": 8.699413083863504,
285
+ "lat": 50.123895521385066,
286
+ "pivot": "Truck B"
287
+ },
288
+ {
289
+ "lon": 8.699105678742711,
290
+ "lat": 50.12417144173136,
291
+ "pivot": "Truck B"
292
+ },
293
+ {
294
+ "lon": 8.698933531875952,
295
+ "lat": 50.12437641010189,
296
+ "pivot": "Truck B"
297
+ },
298
+ {
299
+ "lon": 8.698687607779476,
300
+ "lat": 50.124581377594694,
301
+ "pivot": "Truck B"
302
+ },
303
+ {
304
+ "lon": 8.69852775711729,
305
+ "lat": 50.12458926094209,
306
+ "pivot": "Truck B"
307
+ },
308
+ {
309
+ "lon": 8.698011316514425,
310
+ "lat": 50.1243133430043,
311
+ "pivot": "Truck B"
312
+ },
313
+ {
314
+ "lon": 8.69781457723775,
315
+ "lat": 50.12425027582364,
316
+ "pivot": "Truck B"
317
+ },
318
+ {
319
+ "lon": 8.697580949346644,
320
+ "lat": 50.124187208560386,
321
+ "pivot": "Truck B"
322
+ },
323
+ {
324
+ "lon": 8.697248951816789,
325
+ "lat": 50.12399800627105,
326
+ "pivot": "Truck B"
327
+ },
328
+ {
329
+ "lon": 8.69683088085273,
330
+ "lat": 50.124076840648996,
331
+ "pivot": "Truck B"
332
+ },
333
+ {
334
+ "lon": 8.696400513684125,
335
+ "lat": 50.124187208560386,
336
+ "pivot": "Truck B"
337
+ },
338
+ {
339
+ "lon": 8.695908665492027,
340
+ "lat": 50.1243133430043,
341
+ "pivot": "Truck B"
342
+ },
343
+ {
344
+ "lon": 8.695441409708991,
345
+ "lat": 50.124423710370365,
346
+ "pivot": "Truck B"
347
+ },
348
+ {
349
+ "lon": 8.69512170838371,
350
+ "lat": 50.12456561089547,
351
+ "pivot": "Truck B"
352
+ },
353
+ {
354
+ "lon": 8.694838895673598,
355
+ "lat": 50.12461291097699,
356
+ "pivot": "Truck B"
357
+ },
358
+ {
359
+ "lon": 8.694679045010531,
360
+ "lat": 50.12454196083718,
361
+ "pivot": "Truck B"
362
+ },
363
+
364
+ {
365
+ "lon": 8.694076530975167,
366
+ "lat": 50.12414779147829,
367
+ "pivot": "Truck B"
368
+ },
369
+ {
370
+ "lon": 8.69348631314432,
371
+ "lat": 50.12372208492499,
372
+ "pivot": "Truck B"
373
+ },
374
+ {
375
+ "lon": 8.692908391517989,
376
+ "lat": 50.123327908814446,
377
+ "pivot": "Truck B"
378
+ },
379
+ {
380
+ "lon": 8.692797725674694,
381
+ "lat": 50.12324118963443,
382
+ "pivot": "Truck B"
383
+ },
384
+ {
385
+ "lon": 8.692773133264808,
386
+ "lat": 50.12316235388016,
387
+ "pivot": "Truck B"
388
+ }
389
+ ]
390
+ }]
391
+ }
@@ -0,0 +1,219 @@
1
+ {
2
+ "title": "Map Configuration",
3
+ "description": "A map-chart",
4
+ "type": "object",
5
+ "properties": {
6
+ "settings": {
7
+ "description": "Settings",
8
+ "type": "object",
9
+ "order": 8,
10
+ "properties": {
11
+ "title": {
12
+ "title": "Title",
13
+ "type": "string",
14
+ "order": 1
15
+ },
16
+ "subTitle": {
17
+ "title": "Subtitle",
18
+ "type": "string",
19
+ "order": 2
20
+ },
21
+ "style": {
22
+ "title": "Map Style",
23
+ "description": "The basic style of the map.",
24
+ "type": "string",
25
+ "enum": ["streets-v12", "outdoors-v12", "light-v11", "dark-v11", "satellite-v9", "satellite-streets-v12", "navigation-day-v1", "navigation-night-v1"],
26
+ "required": true,
27
+ "order": 3
28
+ },
29
+ "showLegend": {
30
+ "title": "Show Legend",
31
+ "type": "boolean",
32
+ "order": 4
33
+ },
34
+ "follow": {
35
+ "title": "Auto Follow",
36
+ "description": "If true, the map automatically keeps the drawn locations in focus.",
37
+ "type": "boolean",
38
+ "order": 5
39
+ }
40
+ }
41
+ },
42
+ "dataseries": {
43
+ "title": "Dataseries",
44
+ "order": 8,
45
+ "type": "array",
46
+ "items": {
47
+ "type": "object",
48
+ "properties": {
49
+ "label": {
50
+ "title": "Series Label",
51
+ "description": "The name for this data series",
52
+ "type": "string",
53
+ "required": true,
54
+ "order": 1
55
+ },
56
+ "type": {
57
+ "title": "Layer type",
58
+ "description": "Create the specified type of layer on the map.",
59
+ "type": "string",
60
+ "required": true,
61
+ "enum": ["circle", "symbol", "heatmap", "line"],
62
+ "order": 2
63
+ },
64
+ "color": {
65
+ "title": "Layer Base Color",
66
+ "type": "color",
67
+ "order": 3
68
+ },
69
+ "latestValues": {
70
+ "title": "Latest Values",
71
+ "description": "Restrict the number of rows for this dataseries to the given number of newest values. (If pivoted, then per each of the pivot dataseries.)",
72
+ "type": "number",
73
+ "order": 4
74
+ },
75
+ "config": {
76
+ "title": "Layer Configuration",
77
+ "type": "object",
78
+ "order": 5,
79
+ "properties": {
80
+ "circle": {
81
+ "title": "Circle Layer",
82
+ "type": "object",
83
+ "order": 1,
84
+ "properties": {
85
+ "circle-blur": {
86
+ "title": "Blur",
87
+ "min": 0,
88
+ "max": 1,
89
+ "type": "number",
90
+ "order": 1
91
+ },
92
+ "circle-opacity": {
93
+ "title": "Opacity",
94
+ "min": 0,
95
+ "max": 1,
96
+ "type": "number",
97
+ "order": 2
98
+ }
99
+ }
100
+ },
101
+ "symbol": {
102
+ "title": "Text Layer",
103
+ "type": "object",
104
+ "order": 2,
105
+ "properties": {
106
+ "text-color": {
107
+ "title": "Text Color",
108
+ "type": "color",
109
+ "order": 1
110
+ },
111
+ "text-size": {
112
+ "title": "Text Size",
113
+ "type": "number",
114
+ "min": 1,
115
+ "order": 2
116
+ },
117
+ "icon-image": {
118
+ "title": "Icon Name",
119
+ "description": "For available icons check the maki icon set here https://labs.mapbox.com/maki-icons/",
120
+ "type": "string",
121
+ "enum": ["marker", "airfield", "airport", "alcohol-shop", "america-football", "amusement-park", "aquarium", "art-gallery", "bakery", "bank", "bar", "baseball", "basketball", "beer", "bicycle", "building", "bus", "cafe", "campsite", "car", "cemetery", "cinema", "circle", "college", "commerical", "cricket", "cross", "dam", "danger", "dog-park", "embassy", "emergency-telephone", "entrance", "farm", "fast-food", "ferry", "fire-station", "fuel", "garden", "golf", "grocery-store", "hairdresser", "harbor", "heart", "heliport", "hospital", "industrial", "information", "laundry", "library", "lighthouse", "lodging", "logging", "london-underground", "marker-stroked", "minefield", "mobile-phone", "monument", "mountain", "museum", "music", "oil-well", "park", "parking", "parking-garage", "pharmacy", "picnic-site", "pitch", "place-of-worship", "playground", "police", "polling-place", "post", "prison", "rail", "rail-above", "rail-light", "rail-metro", "rail-underground", "railway", "religious-christian", "religious-jewish", "religious-muslim", "religious-islam", "restaurant", "roadblock", "rocket", "school", "scooter", "shop", "skiing", "slaughterhouse", "soccer", "square", "stadium", "star", "star-stroked", "suitcase", "swimming", "table-tennis", "teahouse", "tennis", "theatre", "toilet", "town-hall", "trash", "tree-1", "tree-2", "triangle", "triangle-stroked", "veterinary", "volcano", "warehouse", "waste-basket", "water", "wetland", "zoo"],
122
+ "order": 3
123
+ },
124
+ "icon-size": {
125
+ "title": "Icon size",
126
+ "description": "In multiples of the original icon size",
127
+ "type": "number",
128
+ "min": 0,
129
+ "order": 4
130
+ }
131
+ }
132
+ },
133
+ "heatmap": {
134
+ "title": "Heatmap Layer",
135
+ "type": "object",
136
+ "order": 3,
137
+ "properties": {
138
+ "heatmap-intensity": {
139
+ "title": "Intensity",
140
+ "description": "The higher the intensity, the more 'hot' the heatmap becomes. The value is a multiple with default value 1. e.g. to double the intensitiy choose 2.",
141
+ "type": "number",
142
+ "min": 0,
143
+ "order": 1
144
+ },
145
+ "heatmap-opacity": {
146
+ "title": "Opacity",
147
+ "type": "number",
148
+ "min": 0,
149
+ "max": 1,
150
+ "order": 2
151
+ },
152
+ "heatmap-radius": {
153
+ "title": "Radius Base Size",
154
+ "description": "The radius will be combined with the data value to to determine the heat radius of a point.",
155
+ "type": "number",
156
+ "min": 0,
157
+ "order": 3
158
+ }
159
+ }
160
+ },
161
+ "line": {
162
+ "title": "Track Layer",
163
+ "type": "object",
164
+ "order": 4,
165
+ "properties": {
166
+ "line-width": {
167
+ "title": "Line Width",
168
+ "type": "number",
169
+ "min": 1,
170
+ "order": 1
171
+ }
172
+ }
173
+ }
174
+ }
175
+ },
176
+ "data": {
177
+ "title": "Map data",
178
+ "description": "This is the map data",
179
+ "type": "array",
180
+ "order": 6,
181
+ "items": {
182
+ "type": "object",
183
+ "properties": {
184
+ "lon": {
185
+ "title": "Longitude",
186
+ "type": "number",
187
+ "required": true,
188
+ "order": 1
189
+ },
190
+ "lat": {
191
+ "title": "Latitude",
192
+ "type": "number",
193
+ "required": true,
194
+ "order": 2
195
+ },
196
+ "alt": {
197
+ "title": "Altitude",
198
+ "type": "number",
199
+ "order": 3
200
+ },
201
+ "value": {
202
+ "title": "A value for the data point",
203
+ "type": "number",
204
+ "order": 4
205
+ },
206
+ "pivot": {
207
+ "title": "Pivot Column",
208
+ "description": "You can specify a column in the input data to autogenerate dataseries for each distinct entry in this column. E.g. if you have a table with columns [city, lon, lat, temperature] and specify 'city' as pivot column, then you will get a layer for each city.",
209
+ "type": "string",
210
+ "order": 5
211
+ }
212
+ }
213
+ }
214
+ }
215
+ }
216
+ }
217
+ }
218
+ }
219
+ }
package/src/types.ts ADDED
@@ -0,0 +1,33 @@
1
+
2
+ export interface Settings {
3
+ title: string
4
+ subTitle: string
5
+ style: string
6
+ showLegend: boolean
7
+ follow: boolean
8
+ }
9
+
10
+ export interface Point {
11
+ lon: number
12
+ lat: number
13
+ alt: number
14
+ value: number
15
+ pivot: string
16
+ }
17
+
18
+ export interface Dataseries {
19
+ label: string
20
+ type: string
21
+ order: number
22
+ latestValues: number
23
+ config: any
24
+ color: string
25
+ data: Point[]
26
+ // non inputs
27
+ derivedColor: string
28
+ }
29
+
30
+ export interface InputData {
31
+ settings?: Settings
32
+ dataseries: Dataseries[]
33
+ }