@maptrip/map-tiles 1.4.0 → 1.6.0

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.
Files changed (23) hide show
  1. package/README.md +58 -4
  2. package/dist/api-extensions/leaflet/MapTripLeafletGridLayer.d.ts +9 -12
  3. package/dist/api-extensions/maplibre/MapLibreStyleFactory.d.ts +21 -0
  4. package/dist/core/VectorTileRenderer.d.ts +8 -0
  5. package/dist/core/constants.d.ts +3 -2
  6. package/dist/core/rendering_config_default.d.ts +120 -50
  7. package/dist/core/rendering_config_grayscale.d.ts +120 -50
  8. package/dist/core/rendering_config_traffic.d.ts +141 -6
  9. package/dist/map-tiles.js +1450 -576
  10. package/dist/map-tiles.js.map +1 -1
  11. package/dist/util/MapReleaseFetcher.d.ts +3 -2
  12. package/dist/util/VectorTileUtils.d.ts +4 -0
  13. package/lib/api-extensions/leaflet/MapTripLeafletGridLayer.ts +48 -95
  14. package/lib/api-extensions/maplibre/MapLibreStyleFactory.ts +114 -0
  15. package/lib/core/VectorTileFactory.ts +3 -2
  16. package/lib/core/VectorTileRenderer.ts +110 -37
  17. package/lib/core/constants.ts +8 -5
  18. package/lib/core/rendering_config_default.ts +384 -90
  19. package/lib/core/rendering_config_grayscale.ts +399 -105
  20. package/lib/core/rendering_config_traffic.ts +344 -104
  21. package/lib/util/MapReleaseFetcher.ts +38 -24
  22. package/lib/util/VectorTileUtils.ts +33 -0
  23. package/package.json +8 -7
package/dist/core/rendering_config_grayscale.d.ts CHANGED
@@ -33,9 +33,15 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
33
33
  interstateNumbers: string;
34
34
  expresswayNumbers: string;
35
35
  expresswayintersections: string;
36
- trafficFlowFast: string;
37
- trafficFlowMedium: string;
38
- trafficFlowSlow: string;
36
+ trafficFlowFastHighway: string;
37
+ trafficFlowFastInterstate: string;
38
+ trafficFlowFastMinor: string;
39
+ trafficFlowMediumHighway: string;
40
+ trafficFlowMediumInterstate: string;
41
+ trafficFlowMediumMinor: string;
42
+ trafficFlowSlowHighway: string;
43
+ trafficFlowSlowInterstate: string;
44
+ trafficFlowSlowMinor: string;
39
45
  trafficJam: string;
40
46
  roadworks: string;
41
47
  dangerousSituation: string;
@@ -105,13 +111,6 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
105
111
  };
106
112
  }[];
107
113
  forest: ({
108
- from: number;
109
- to: number;
110
- polygon: {
111
- color: string;
112
- };
113
- text?: undefined;
114
- } | {
115
114
  from: number;
116
115
  to: number;
117
116
  polygon: {
@@ -123,15 +122,15 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
123
122
  font: string;
124
123
  fontStyle: string;
125
124
  };
126
- })[];
127
- natural_park: ({
125
+ } | {
128
126
  from: number;
129
127
  to: number;
130
128
  polygon: {
131
129
  color: string;
132
130
  };
133
131
  text?: undefined;
134
- } | {
132
+ })[];
133
+ natural_park: ({
135
134
  from: number;
136
135
  to: number;
137
136
  polygon: {
@@ -143,6 +142,13 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
143
142
  font: string;
144
143
  fontStyle: string;
145
144
  };
145
+ } | {
146
+ from: number;
147
+ to: number;
148
+ polygon: {
149
+ color: string;
150
+ };
151
+ text?: undefined;
146
152
  })[];
147
153
  water: {
148
154
  from: number;
@@ -177,28 +183,85 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
177
183
  outlineWidth: number;
178
184
  };
179
185
  }[];
180
- trafficFlowFast: {
186
+ trafficFlowFastHighway: {
187
+ from: number;
188
+ to: number;
189
+ line: {
190
+ color: string;
191
+ width: number;
192
+ delta: number;
193
+ };
194
+ }[];
195
+ trafficFlowFastInterstate: {
196
+ from: number;
197
+ to: number;
198
+ line: {
199
+ color: string;
200
+ width: number;
201
+ delta: number;
202
+ };
203
+ }[];
204
+ trafficFlowFastMinor: {
205
+ from: number;
206
+ to: number;
207
+ line: {
208
+ color: string;
209
+ width: number;
210
+ delta: number;
211
+ };
212
+ }[];
213
+ trafficFlowMediumHighway: {
214
+ from: number;
215
+ to: number;
216
+ line: {
217
+ color: string;
218
+ width: number;
219
+ delta: number;
220
+ };
221
+ }[];
222
+ trafficFlowMediumInterstate: {
223
+ from: number;
224
+ to: number;
225
+ line: {
226
+ color: string;
227
+ width: number;
228
+ delta: number;
229
+ };
230
+ }[];
231
+ trafficFlowMediumMinor: {
232
+ from: number;
233
+ to: number;
234
+ line: {
235
+ color: string;
236
+ width: number;
237
+ delta: number;
238
+ };
239
+ }[];
240
+ trafficFlowSlowHighway: {
181
241
  from: number;
182
242
  to: number;
183
243
  line: {
184
244
  color: string;
185
245
  width: number;
246
+ delta: number;
186
247
  };
187
248
  }[];
188
- trafficFlowMedium: {
249
+ trafficFlowSlowInterstate: {
189
250
  from: number;
190
251
  to: number;
191
252
  line: {
192
253
  color: string;
193
254
  width: number;
255
+ delta: number;
194
256
  };
195
257
  }[];
196
- trafficFlowSlow: {
258
+ trafficFlowSlowMinor: {
197
259
  from: number;
198
260
  to: number;
199
261
  line: {
200
262
  color: string;
201
263
  width: number;
264
+ delta: number;
202
265
  };
203
266
  }[];
204
267
  trafficJam: {
@@ -352,6 +415,8 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
352
415
  line: {
353
416
  width: number;
354
417
  color: string;
418
+ outlineColor: string;
419
+ outlineWidth: number;
355
420
  };
356
421
  text: {
357
422
  size: number;
@@ -366,6 +431,8 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
366
431
  line: {
367
432
  width: number;
368
433
  color: string;
434
+ outlineColor?: undefined;
435
+ outlineWidth?: undefined;
369
436
  };
370
437
  text?: undefined;
371
438
  })[];
@@ -376,10 +443,9 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
376
443
  width: number;
377
444
  color: string;
378
445
  url: string;
379
- height: number;
380
- dx: number;
381
- dy: number;
382
446
  direction: string;
447
+ outlineColor: string;
448
+ outlineWidth: number;
383
449
  };
384
450
  text: {
385
451
  size: number;
@@ -394,10 +460,9 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
394
460
  line: {
395
461
  width: number;
396
462
  color: string;
463
+ outlineColor: string;
464
+ outlineWidth: number;
397
465
  url?: undefined;
398
- height?: undefined;
399
- dx?: undefined;
400
- dy?: undefined;
401
466
  direction?: undefined;
402
467
  };
403
468
  text: {
@@ -414,10 +479,9 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
414
479
  width: number;
415
480
  color: string;
416
481
  url?: undefined;
417
- height?: undefined;
418
- dx?: undefined;
419
- dy?: undefined;
420
482
  direction?: undefined;
483
+ outlineColor?: undefined;
484
+ outlineWidth?: undefined;
421
485
  };
422
486
  text?: undefined;
423
487
  })[];
@@ -428,10 +492,9 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
428
492
  width: number;
429
493
  color: string;
430
494
  url: string;
431
- height: number;
432
- dx: number;
433
- dy: number;
434
495
  direction: string;
496
+ outlineColor: string;
497
+ outlineWidth: number;
435
498
  };
436
499
  text: {
437
500
  size: number;
@@ -446,10 +509,9 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
446
509
  line: {
447
510
  width: number;
448
511
  color: string;
512
+ outlineColor: string;
513
+ outlineWidth: number;
449
514
  url?: undefined;
450
- height?: undefined;
451
- dx?: undefined;
452
- dy?: undefined;
453
515
  direction?: undefined;
454
516
  };
455
517
  text: {
@@ -466,10 +528,9 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
466
528
  width: number;
467
529
  color: string;
468
530
  url?: undefined;
469
- height?: undefined;
470
- dx?: undefined;
471
- dy?: undefined;
472
531
  direction?: undefined;
532
+ outlineColor?: undefined;
533
+ outlineWidth?: undefined;
473
534
  };
474
535
  text?: undefined;
475
536
  })[];
@@ -532,9 +593,6 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
532
593
  width: number;
533
594
  color: string;
534
595
  url: string;
535
- height: number;
536
- dx: number;
537
- dy: number;
538
596
  direction: string;
539
597
  };
540
598
  text: {
@@ -551,9 +609,6 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
551
609
  width: number;
552
610
  color: string;
553
611
  url?: undefined;
554
- height?: undefined;
555
- dx?: undefined;
556
- dy?: undefined;
557
612
  direction?: undefined;
558
613
  };
559
614
  text: {
@@ -571,9 +626,6 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
571
626
  width: number;
572
627
  color: string;
573
628
  url: string;
574
- height: number;
575
- dx: number;
576
- dy: number;
577
629
  direction: string;
578
630
  };
579
631
  text: {
@@ -590,9 +642,6 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
590
642
  width: number;
591
643
  color: string;
592
644
  url?: undefined;
593
- height?: undefined;
594
- dx?: undefined;
595
- dy?: undefined;
596
645
  direction?: undefined;
597
646
  };
598
647
  text: {
@@ -603,7 +652,7 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
603
652
  outlineWidth: number;
604
653
  };
605
654
  })[];
606
- foot_path: {
655
+ foot_path: ({
607
656
  from: number;
608
657
  to: number;
609
658
  line: {
@@ -619,15 +668,36 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
619
668
  outlineColor: string;
620
669
  outlineWidth: number;
621
670
  };
622
- }[];
623
- rail: {
671
+ } | {
624
672
  from: number;
625
673
  to: number;
626
674
  line: {
627
675
  width: number;
628
676
  color: string;
677
+ dashColor: string;
678
+ dashLength: number;
629
679
  };
630
- }[];
680
+ text?: undefined;
681
+ })[];
682
+ rail: ({
683
+ from: number;
684
+ to: number;
685
+ line: {
686
+ width: number;
687
+ color: string;
688
+ dashColor: string;
689
+ dashLength: number;
690
+ };
691
+ } | {
692
+ from: number;
693
+ to: number;
694
+ line: {
695
+ width: number;
696
+ color: string;
697
+ dashLength: number;
698
+ dashColor?: undefined;
699
+ };
700
+ })[];
631
701
  ferry: ({
632
702
  from: number;
633
703
  to: number;
package/dist/core/rendering_config_traffic.d.ts CHANGED
@@ -5,33 +5,168 @@ declare const RENDERING_CONFIG_TRAFFIC: {
5
5
  color: string;
6
6
  }[];
7
7
  layers: {
8
- trafficFlowFast: string;
9
- trafficFlowMedium: string;
10
- trafficFlowSlow: string;
8
+ trafficFlowFastHighway: string;
9
+ trafficFlowFastInterstate: string;
10
+ trafficFlowFastMinor: string;
11
+ trafficFlowMediumHighway: string;
12
+ trafficFlowMediumInterstate: string;
13
+ trafficFlowMediumMinor: string;
14
+ trafficFlowSlowHighway: string;
15
+ trafficFlowSlowInterstate: string;
16
+ trafficFlowSlowMinor: string;
11
17
  };
12
18
  renderers: {
13
- trafficFlowFast: {
19
+ trafficFlowFastHighway: ({
14
20
  from: number;
15
21
  to: number;
16
22
  line: {
17
23
  color: string;
18
24
  width: number;
25
+ delta: number;
26
+ outlineColor?: undefined;
27
+ outlineWidth?: undefined;
28
+ };
29
+ } | {
30
+ from: number;
31
+ to: number;
32
+ line: {
33
+ color: string;
34
+ width: number;
35
+ outlineColor: string;
36
+ outlineWidth: number;
37
+ delta?: undefined;
38
+ };
39
+ })[];
40
+ trafficFlowFastInterstate: ({
41
+ from: number;
42
+ to: number;
43
+ line: {
44
+ color: string;
45
+ width: number;
46
+ delta: number;
47
+ outlineColor?: undefined;
48
+ outlineWidth?: undefined;
49
+ };
50
+ } | {
51
+ from: number;
52
+ to: number;
53
+ line: {
54
+ color: string;
55
+ width: number;
56
+ delta: number;
57
+ outlineColor: string;
58
+ outlineWidth: number;
59
+ };
60
+ })[];
61
+ trafficFlowFastMinor: {
62
+ from: number;
63
+ to: number;
64
+ line: {
65
+ color: string;
66
+ width: number;
67
+ delta: number;
19
68
  };
20
69
  }[];
21
- trafficFlowMedium: {
70
+ trafficFlowMediumHighway: ({
71
+ from: number;
72
+ to: number;
73
+ line: {
74
+ color: string;
75
+ width: number;
76
+ delta: number;
77
+ outlineColor?: undefined;
78
+ outlineWidth?: undefined;
79
+ };
80
+ } | {
81
+ from: number;
82
+ to: number;
83
+ line: {
84
+ color: string;
85
+ width: number;
86
+ outlineColor: string;
87
+ outlineWidth: number;
88
+ delta?: undefined;
89
+ };
90
+ })[];
91
+ trafficFlowMediumInterstate: ({
22
92
  from: number;
23
93
  to: number;
24
94
  line: {
25
95
  color: string;
26
96
  width: number;
97
+ delta: number;
98
+ outlineColor?: undefined;
99
+ outlineWidth?: undefined;
100
+ };
101
+ } | {
102
+ from: number;
103
+ to: number;
104
+ line: {
105
+ color: string;
106
+ width: number;
107
+ delta: number;
108
+ outlineColor: string;
109
+ outlineWidth: number;
110
+ };
111
+ })[];
112
+ trafficFlowMediumMinor: {
113
+ from: number;
114
+ to: number;
115
+ line: {
116
+ color: string;
117
+ width: number;
118
+ delta: number;
27
119
  };
28
120
  }[];
29
- trafficFlowSlow: {
121
+ trafficFlowSlowHighway: ({
122
+ from: number;
123
+ to: number;
124
+ line: {
125
+ color: string;
126
+ width: number;
127
+ delta: number;
128
+ outlineColor?: undefined;
129
+ outlineWidth?: undefined;
130
+ };
131
+ } | {
132
+ from: number;
133
+ to: number;
134
+ line: {
135
+ color: string;
136
+ width: number;
137
+ outlineColor: string;
138
+ outlineWidth: number;
139
+ delta?: undefined;
140
+ };
141
+ })[];
142
+ trafficFlowSlowInterstate: ({
143
+ from: number;
144
+ to: number;
145
+ line: {
146
+ color: string;
147
+ width: number;
148
+ delta: number;
149
+ outlineColor?: undefined;
150
+ outlineWidth?: undefined;
151
+ };
152
+ } | {
153
+ from: number;
154
+ to: number;
155
+ line: {
156
+ color: string;
157
+ width: number;
158
+ delta: number;
159
+ outlineColor: string;
160
+ outlineWidth: number;
161
+ };
162
+ })[];
163
+ trafficFlowSlowMinor: {
30
164
  from: number;
31
165
  to: number;
32
166
  line: {
33
167
  color: string;
34
168
  width: number;
169
+ delta: number;
35
170
  };
36
171
  }[];
37
172
  };