@mapcomponents/react-maplibre 0.1.22 → 0.1.26

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 (77) hide show
  1. package/CHANGELOG.md +48 -8
  2. package/coverage/clover.xml +109 -134
  3. package/coverage/coverage-final.json +6 -6
  4. package/coverage/lcov-report/index.html +27 -27
  5. package/coverage/lcov-report/src/components/MapLibreMap/MapLibreMap.js.html +1 -1
  6. package/coverage/lcov-report/src/components/MapLibreMap/index.html +1 -1
  7. package/coverage/lcov-report/src/components/MlCreatePdfButton/MlCreatePdfButton.js.html +1 -1
  8. package/coverage/lcov-report/src/components/MlCreatePdfButton/index.html +1 -1
  9. package/coverage/lcov-report/src/components/MlFeatureEditor/MlFeatureEditor.js.html +1 -1
  10. package/coverage/lcov-report/src/components/MlFeatureEditor/index.html +1 -1
  11. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/MlFillExtrusionLayer.js.html +1 -1
  12. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/index.html +1 -1
  13. package/coverage/lcov-report/src/components/MlFollowGps/MlFollowGps.js.html +43 -94
  14. package/coverage/lcov-report/src/components/MlFollowGps/index.html +18 -18
  15. package/coverage/lcov-report/src/components/MlGPXViewer/MlGPXViewer.js.html +1 -1
  16. package/coverage/lcov-report/src/components/MlGPXViewer/gpxConverter.js.html +1 -1
  17. package/coverage/lcov-report/src/components/MlGPXViewer/index.html +1 -1
  18. package/coverage/lcov-report/src/components/MlGeoJsonLayer/MlGeoJsonLayer.js.html +1 -1
  19. package/coverage/lcov-report/src/components/MlGeoJsonLayer/index.html +1 -1
  20. package/coverage/lcov-report/src/components/MlImageMarkerLayer/MlImageMarkerLayer.js.html +2 -2
  21. package/coverage/lcov-report/src/components/MlImageMarkerLayer/index.html +1 -1
  22. package/coverage/lcov-report/src/components/MlLayer/MlLayer.js.html +1 -1
  23. package/coverage/lcov-report/src/components/MlLayer/index.html +1 -1
  24. package/coverage/lcov-report/src/components/MlLayerMagnify/MlLayerMagnify.js.html +1 -1
  25. package/coverage/lcov-report/src/components/MlLayerMagnify/index.html +1 -1
  26. package/coverage/lcov-report/src/components/MlLayerSwipe/MlLayerSwipe.js.html +1 -1
  27. package/coverage/lcov-report/src/components/MlLayerSwipe/index.html +1 -1
  28. package/coverage/lcov-report/src/components/MlLayerSwitcher/MlLayerSwitcher.js.html +1 -1
  29. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/LayerBox.js.html +1 -1
  30. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/index.html +1 -1
  31. package/coverage/lcov-report/src/components/MlLayerSwitcher/index.html +1 -1
  32. package/coverage/lcov-report/src/components/MlMarker/MlMarker.js.html +1 -1
  33. package/coverage/lcov-report/src/components/MlMarker/index.html +1 -1
  34. package/coverage/lcov-report/src/components/MlNavigationCompass/MlNavigationCompass.js.html +1 -1
  35. package/coverage/lcov-report/src/components/MlNavigationCompass/index.html +1 -1
  36. package/coverage/lcov-report/src/components/MlNavigationTools/MlNavigationTools.js.html +1 -1
  37. package/coverage/lcov-report/src/components/MlNavigationTools/index.html +1 -1
  38. package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.js.html +1 -1
  39. package/coverage/lcov-report/src/components/MlOsmLayer/index.html +1 -1
  40. package/coverage/lcov-report/src/components/MlScaleReference/MlScaleReference.js.html +1 -1
  41. package/coverage/lcov-report/src/components/MlScaleReference/index.html +1 -1
  42. package/coverage/lcov-report/src/components/MlShareMapState/MlShareMapState.js.html +1 -1
  43. package/coverage/lcov-report/src/components/MlShareMapState/index.html +1 -1
  44. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/MlSpatialElevationProfile.js.html +1 -1
  45. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/index.html +1 -1
  46. package/coverage/lcov-report/src/components/MlThreeJsLayer/MlThreeJsLayer.js.html +1 -1
  47. package/coverage/lcov-report/src/components/MlThreeJsLayer/index.html +1 -1
  48. package/coverage/lcov-report/src/components/MlUseMapDebugger/MlUseMapDebugger.js.html +1 -1
  49. package/coverage/lcov-report/src/components/MlUseMapDebugger/index.html +1 -1
  50. package/coverage/lcov-report/src/components/MlVectorTileLayer/MlVectorTileLayer.js.html +72 -195
  51. package/coverage/lcov-report/src/components/MlVectorTileLayer/index.html +17 -17
  52. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.js.html +1 -1
  53. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/index.html +1 -1
  54. package/coverage/lcov-report/src/components/MlWmsLayer/MlWmsLayer.js.html +1 -1
  55. package/coverage/lcov-report/src/components/MlWmsLayer/index.html +1 -1
  56. package/coverage/lcov-report/src/components/MlWmsLoader/MlWmsLoader.js.html +1 -1
  57. package/coverage/lcov-report/src/components/MlWmsLoader/index.html +1 -1
  58. package/coverage/lcov-report/src/hooks/index.html +1 -1
  59. package/coverage/lcov-report/src/hooks/useMap.js.html +22 -22
  60. package/coverage/lcov-report/src/hooks/useMapState.js.html +34 -34
  61. package/coverage/lcov-report/src/hooks/useWms.js.html +2 -2
  62. package/coverage/lcov-report/src/i18n.js.html +1 -1
  63. package/coverage/lcov-report/src/index.html +1 -1
  64. package/coverage/lcov-report/src/translations/english.js.html +1 -1
  65. package/coverage/lcov-report/src/translations/german.js.html +1 -1
  66. package/coverage/lcov-report/src/translations/index.html +1 -1
  67. package/coverage/lcov.info +178 -225
  68. package/dist/index.esm.js +108 -160
  69. package/dist/index.esm.js.map +1 -1
  70. package/package.json +1 -1
  71. package/src/components/MlFollowGps/MlFollowGps.js +29 -46
  72. package/src/components/MlFollowGps/MlFollowGps.test.js +1 -1
  73. package/src/components/MlVectorTileLayer/MlVectorTileLayer.js +50 -91
  74. package/src/components/MlVectorTileLayer/MlVectorTileLayer.test.js +6 -6
  75. package/src/hooks/useWms.js +1 -1
  76. package/dist/b556faa3bc6829d2.png +0 -0
  77. package/src/components/MlFollowGps/assets/marker.png +0 -0
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">36.07% </span>
26
+ <span class="strong">35.57% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>622/1724</span>
28
+ <span class='fraction'>604/1698</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">27.51% </span>
33
+ <span class="strong">27.71% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>257/934</span>
35
+ <span class='fraction'>255/920</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">34.14% </span>
40
+ <span class="strong">33.56% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>98/287</span>
42
+ <span class='fraction'>95/283</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">36.98% </span>
47
+ <span class="strong">36.49% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>594/1606</span>
49
+ <span class='fraction'>577/1581</span>
50
50
  </div>
51
51
 
52
52
 
@@ -155,17 +155,17 @@
155
155
 
156
156
  <tr>
157
157
  <td class="file medium" data-value="src/components/MlFollowGps"><a href="src/components/MlFollowGps/index.html">src/components/MlFollowGps</a></td>
158
- <td data-value="65.62" class="pic medium">
159
- <div class="chart"><div class="cover-fill" style="width: 65%"></div><div class="cover-empty" style="width: 35%"></div></div>
158
+ <td data-value="70.37" class="pic medium">
159
+ <div class="chart"><div class="cover-fill" style="width: 70%"></div><div class="cover-empty" style="width: 30%"></div></div>
160
160
  </td>
161
- <td data-value="65.62" class="pct medium">65.62%</td>
162
- <td data-value="32" class="abs medium">21/32</td>
163
- <td data-value="55.55" class="pct medium">55.55%</td>
164
- <td data-value="18" class="abs medium">10/18</td>
165
- <td data-value="57.14" class="pct medium">57.14%</td>
166
- <td data-value="7" class="abs medium">4/7</td>
161
+ <td data-value="70.37" class="pct medium">70.37%</td>
162
+ <td data-value="27" class="abs medium">19/27</td>
163
+ <td data-value="71.42" class="pct medium">71.42%</td>
164
+ <td data-value="14" class="abs medium">10/14</td>
167
165
  <td data-value="66.66" class="pct medium">66.66%</td>
168
- <td data-value="30" class="abs medium">20/30</td>
166
+ <td data-value="6" class="abs medium">4/6</td>
167
+ <td data-value="72" class="pct medium">72%</td>
168
+ <td data-value="25" class="abs medium">18/25</td>
169
169
  </tr>
170
170
 
171
171
  <tr>
@@ -425,17 +425,17 @@
425
425
 
426
426
  <tr>
427
427
  <td class="file high" data-value="src/components/MlVectorTileLayer"><a href="src/components/MlVectorTileLayer/index.html">src/components/MlVectorTileLayer</a></td>
428
- <td data-value="83.92" class="pic high">
429
- <div class="chart"><div class="cover-fill" style="width: 83%"></div><div class="cover-empty" style="width: 17%"></div></div>
428
+ <td data-value="88.57" class="pic high">
429
+ <div class="chart"><div class="cover-fill" style="width: 88%"></div><div class="cover-empty" style="width: 12%"></div></div>
430
430
  </td>
431
- <td data-value="83.92" class="pct high">83.92%</td>
432
- <td data-value="56" class="abs high">47/56</td>
433
- <td data-value="57.69" class="pct medium">57.69%</td>
434
- <td data-value="26" class="abs medium">15/26</td>
431
+ <td data-value="88.57" class="pct high">88.57%</td>
432
+ <td data-value="35" class="abs high">31/35</td>
433
+ <td data-value="81.25" class="pct high">81.25%</td>
434
+ <td data-value="16" class="abs high">13/16</td>
435
435
  <td data-value="100" class="pct high">100%</td>
436
- <td data-value="6" class="abs high">6/6</td>
437
- <td data-value="83.01" class="pct high">83.01%</td>
438
- <td data-value="53" class="abs high">44/53</td>
436
+ <td data-value="3" class="abs high">3/3</td>
437
+ <td data-value="87.87" class="pct high">87.87%</td>
438
+ <td data-value="33" class="abs high">29/33</td>
439
439
  </tr>
440
440
 
441
441
  <tr>
@@ -521,7 +521,7 @@
521
521
  <div class='footer quiet pad2 space-top1 center small'>
522
522
  Code coverage generated by
523
523
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
524
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
524
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
525
525
  </div>
526
526
  <script src="prettify.js"></script>
527
527
  <script>
@@ -340,7 +340,7 @@ export default MapLibreMap;
340
340
  <div class='footer quiet pad2 space-top1 center small'>
341
341
  Code coverage generated by
342
342
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
343
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
343
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
344
344
  </div>
345
345
  <script src="../../../prettify.js"></script>
346
346
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
104
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -226,7 +226,7 @@ export default MlCreatePdfButton;
226
226
  <div class='footer quiet pad2 space-top1 center small'>
227
227
  Code coverage generated by
228
228
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
229
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
229
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
230
230
  </div>
231
231
  <script src="../../../prettify.js"></script>
232
232
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
104
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -427,7 +427,7 @@ export default MlFeatureEditor;
427
427
  <div class='footer quiet pad2 space-top1 center small'>
428
428
  Code coverage generated by
429
429
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
430
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
430
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
431
431
  </div>
432
432
  <script src="../../../prettify.js"></script>
433
433
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
104
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -529,7 +529,7 @@ export default MlFillExtrusionLayer;
529
529
  <div class='footer quiet pad2 space-top1 center small'>
530
530
  Code coverage generated by
531
531
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
532
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
532
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
533
533
  </div>
534
534
  <script src="../../../prettify.js"></script>
535
535
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
104
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">65.62% </span>
26
+ <span class="strong">70.37% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>21/32</span>
28
+ <span class='fraction'>19/27</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">55.55% </span>
33
+ <span class="strong">71.42% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>10/18</span>
35
+ <span class='fraction'>10/14</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">57.14% </span>
40
+ <span class="strong">66.66% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>4/7</span>
42
+ <span class='fraction'>4/6</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">66.66% </span>
47
+ <span class="strong">72% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>20/30</span>
49
+ <span class='fraction'>18/25</span>
50
50
  </div>
51
51
 
52
52
 
@@ -219,27 +219,7 @@
219
219
  <a name='L154'></a><a href='#L154'>154</a>
220
220
  <a name='L155'></a><a href='#L155'>155</a>
221
221
  <a name='L156'></a><a href='#L156'>156</a>
222
- <a name='L157'></a><a href='#L157'>157</a>
223
- <a name='L158'></a><a href='#L158'>158</a>
224
- <a name='L159'></a><a href='#L159'>159</a>
225
- <a name='L160'></a><a href='#L160'>160</a>
226
- <a name='L161'></a><a href='#L161'>161</a>
227
- <a name='L162'></a><a href='#L162'>162</a>
228
- <a name='L163'></a><a href='#L163'>163</a>
229
- <a name='L164'></a><a href='#L164'>164</a>
230
- <a name='L165'></a><a href='#L165'>165</a>
231
- <a name='L166'></a><a href='#L166'>166</a>
232
- <a name='L167'></a><a href='#L167'>167</a>
233
- <a name='L168'></a><a href='#L168'>168</a>
234
- <a name='L169'></a><a href='#L169'>169</a>
235
- <a name='L170'></a><a href='#L170'>170</a>
236
- <a name='L171'></a><a href='#L171'>171</a>
237
- <a name='L172'></a><a href='#L172'>172</a>
238
- <a name='L173'></a><a href='#L173'>173</a>
239
- <a name='L174'></a><a href='#L174'>174</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
240
- <span class="cline-any cline-neutral">&nbsp;</span>
241
- <span class="cline-any cline-neutral">&nbsp;</span>
242
- <span class="cline-any cline-neutral">&nbsp;</span>
222
+ <a name='L157'></a><a href='#L157'>157</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
243
223
  <span class="cline-any cline-neutral">&nbsp;</span>
244
224
  <span class="cline-any cline-neutral">&nbsp;</span>
245
225
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -263,27 +243,22 @@
263
243
  <span class="cline-any cline-yes">9x</span>
264
244
  <span class="cline-any cline-yes">9x</span>
265
245
  <span class="cline-any cline-yes">9x</span>
266
- <span class="cline-any cline-yes">9x</span>
267
246
  <span class="cline-any cline-neutral">&nbsp;</span>
268
247
  <span class="cline-any cline-yes">9x</span>
269
248
  <span class="cline-any cline-neutral">&nbsp;</span>
270
249
  <span class="cline-any cline-yes">9x</span>
271
- <span class="cline-any cline-yes">2x</span>
272
- <span class="cline-any cline-no">&nbsp;</span>
273
- <span class="cline-any cline-no">&nbsp;</span>
250
+ <span class="cline-any cline-neutral">&nbsp;</span>
274
251
  <span class="cline-any cline-no">&nbsp;</span>
275
252
  <span class="cline-any cline-neutral">&nbsp;</span>
253
+ <span class="cline-any cline-no">&nbsp;</span>
276
254
  <span class="cline-any cline-neutral">&nbsp;</span>
277
255
  <span class="cline-any cline-neutral">&nbsp;</span>
278
256
  <span class="cline-any cline-neutral">&nbsp;</span>
279
- <span class="cline-any cline-yes">9x</span>
280
257
  <span class="cline-any cline-neutral">&nbsp;</span>
281
- <span class="cline-any cline-no">&nbsp;</span>
282
258
  <span class="cline-any cline-neutral">&nbsp;</span>
283
259
  <span class="cline-any cline-no">&nbsp;</span>
284
260
  <span class="cline-any cline-no">&nbsp;</span>
285
261
  <span class="cline-any cline-no">&nbsp;</span>
286
- <span class="cline-any cline-no">&nbsp;</span>
287
262
  <span class="cline-any cline-neutral">&nbsp;</span>
288
263
  <span class="cline-any cline-neutral">&nbsp;</span>
289
264
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -299,12 +274,11 @@
299
274
  <span class="cline-any cline-yes">5x</span>
300
275
  <span class="cline-any cline-yes">2x</span>
301
276
  <span class="cline-any cline-neutral">&nbsp;</span>
277
+ <span class="cline-any cline-yes">2x</span>
278
+ <span class="cline-any cline-yes">1x</span>
302
279
  <span class="cline-any cline-neutral">&nbsp;</span>
303
280
  <span class="cline-any cline-neutral">&nbsp;</span>
304
281
  <span class="cline-any cline-neutral">&nbsp;</span>
305
- <span class="cline-any cline-yes">3x</span>
306
- <span class="cline-any cline-neutral">&nbsp;</span>
307
- <span class="cline-any cline-neutral">&nbsp;</span>
308
282
  <span class="cline-any cline-neutral">&nbsp;</span>
309
283
  <span class="cline-any cline-yes">9x</span>
310
284
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -340,10 +314,6 @@
340
314
  <span class="cline-any cline-neutral">&nbsp;</span>
341
315
  <span class="cline-any cline-neutral">&nbsp;</span>
342
316
  <span class="cline-any cline-neutral">&nbsp;</span>
343
- <span class="cline-any cline-neutral">&nbsp;</span>
344
- <span class="cline-any cline-neutral">&nbsp;</span>
345
- <span class="cline-any cline-neutral">&nbsp;</span>
346
- <span class="cline-any cline-neutral">&nbsp;</span>
347
317
  <span class="cline-any cline-yes">3x</span>
348
318
  <span class="cline-any cline-neutral">&nbsp;</span>
349
319
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -405,11 +375,7 @@
405
375
  <span class="cline-any cline-neutral">&nbsp;</span>
406
376
  <span class="cline-any cline-neutral">&nbsp;</span>
407
377
  <span class="cline-any cline-neutral">&nbsp;</span>
408
- <span class="cline-any cline-neutral">&nbsp;</span>
409
- <span class="cline-any cline-neutral">&nbsp;</span>
410
- <span class="cline-any cline-neutral">&nbsp;</span>
411
- <span class="cline-any cline-neutral">&nbsp;</span>
412
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useRef, useEffect, useState, useCallback } from "react";
378
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useEffect, useState, useCallback } from "react";
413
379
  import PropTypes from "prop-types";
414
380
  import useMap from "../../hooks/useMap";
415
381
  &nbsp;
@@ -417,9 +383,6 @@ import Button from "@mui/material/Button";
417
383
  import RoomIcon from "@mui/icons-material/Room";
418
384
  import { point, circle } from "@turf/turf";
419
385
  import MlGeoJsonLayer from "../MlGeoJsonLayer/MlGeoJsonLayer";
420
- import MlImageMarkerLayer from "../MlImageMarkerLayer/MlImageMarkerLayer";
421
- &nbsp;
422
- import marker from "./assets/marker.png";
423
386
  &nbsp;
424
387
  /**
425
388
  * Adds a button that makes the map follow the users GPS position using
@@ -435,25 +398,20 @@ const MlFollowGps = (props) =&gt; {
435
398
  &nbsp;
436
399
  const [isFollowed, setIsFollowed] = useState(false);
437
400
  const [geoJson, setGeoJson] = useState(undefined);
438
- const watchIdRef = useRef(undefined);
439
401
  const [locationAccessDenied, setLocationAccessDenied] = useState(false);
440
402
  &nbsp;
441
403
  const [accuracyGeoJson, setAccuracyGeoJson] = useState();
442
- &nbsp;
443
- useEffect(() =&gt; {
444
- return <span class="fstat-no" title="function not covered" >()</span> =&gt; {
445
- <span class="cstat-no" title="statement not covered" > if (watchIdRef.current) {</span>
446
- <span class="cstat-no" title="statement not covered" > navigator.geolocation.clearWatch(watchIdRef.current);</span>
447
- <span class="cstat-no" title="statement not covered" > watchIdRef.current = undefined;</span>
448
- }
449
- };
450
- }, []);
451
404
  &nbsp;
452
405
  const getLocationSuccess = useCallback(
453
406
  <span class="fstat-no" title="function not covered" > (p</span>os) =&gt; {
454
407
  <span class="cstat-no" title="statement not covered" > if (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
455
408
  &nbsp;
456
- <span class="cstat-no" title="statement not covered" > mapHook.map.setCenter([pos.coords.longitude, pos.coords.latitude]);</span>
409
+ <span class="cstat-no" title="statement not covered" > mapHook.map.flyTo({</span>
410
+ center: [pos.coords.longitude, pos.coords.latitude],
411
+ zoom: 18,
412
+ speed: 1,
413
+ curve: 1,
414
+ });
457
415
  const geoJsonPoint = <span class="cstat-no" title="statement not covered" >point([pos.coords.longitude, pos.coords.latitude]);</span>
458
416
  <span class="cstat-no" title="statement not covered" > setGeoJson(geoJsonPoint);</span>
459
417
  <span class="cstat-no" title="statement not covered" > setAccuracyGeoJson(circle(geoJsonPoint, pos.coords.accuracy / 1000));</span>
@@ -470,12 +428,11 @@ const MlFollowGps = (props) =&gt; {
470
428
  if (!mapHook.map) return;
471
429
  &nbsp;
472
430
  if (isFollowed) {
473
- watchIdRef.current = navigator.geolocation.watchPosition(
474
- getLocationSuccess,
475
- getLocationError
476
- );
477
- } else {
478
- navigator.geolocation.clearWatch(watchIdRef.current);
431
+ let _watchId = navigator.geolocation.watchPosition(getLocationSuccess, getLocationError);
432
+ &nbsp;
433
+ return () =&gt; {
434
+ navigator.geolocation.clearWatch(_watchId);
435
+ };
479
436
  }
480
437
  }, [isFollowed, getLocationSuccess]);
481
438
  &nbsp;
@@ -486,30 +443,26 @@ const MlFollowGps = (props) =&gt; {
486
443
  geojson={accuracyGeoJson}
487
444
  type={"fill"}
488
445
  paint={{
489
- "fill-color": "#ee7700",
490
- "fill-opacity": 0.5,
446
+ "fill-color": "#cbd300",
447
+ "fill-opacity": 0.3,
491
448
  ...props.accuracyPaint,
492
449
  }}
493
- insertBeforeLayer={"MlFollowGpsMarker"}
450
+ insertBeforeLayer={props.insertBeforeLayer}
494
451
  /&gt;
495
452
  )}
496
453
  &nbsp;
497
454
  {isFollowed &amp;&amp; geoJson &amp;&amp; (
498
- <span class="branch-2 cbranch-no" title="branch not covered" > &lt;MlImageMarkerLayer</span>
499
- layerId={"MlFollowGpsMarker"}
500
- options={{
501
- type: "symbol",
502
- source: {
503
- type: "geojson",
504
- data: geoJson,
505
- },
506
- layout: {
507
- "icon-size": 0.1,
508
- "icon-offset": [0, -340],
509
- ...props.markerLayout,
510
- },
455
+ <span class="branch-2 cbranch-no" title="branch not covered" > &lt;MlGeoJsonLayer</span>
456
+ geojson={geoJson}
457
+ type={"circle"}
458
+ paint={{
459
+ "circle-color": "#009ee0",
460
+ "circle-radius": 5,
461
+ "circle-stroke-color": "#fafaff",
462
+ "circle-stroke-width": 1,
463
+ ...props.circlePaint,
511
464
  }}
512
- imgSrc={props.markerImage || marker}
465
+ insertBeforeLayer={props.insertBeforeLayer}
513
466
  /&gt;
514
467
  )}
515
468
  &nbsp;
@@ -571,15 +524,11 @@ MlFollowGps.propTypes = {
571
524
  */
572
525
  accuracyPaint: PropTypes.object,
573
526
  /**
574
- * Marker layout property object, that is passed to the MlImageMarkerLayer responsible for drawing the position marker.
575
- * Use any available layout property from layer type "symbol".
576
- * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#symbol
577
- */
578
- markerLayout: PropTypes.object,
579
- /**
580
- * Replace the default marker image with a custom one.
527
+ * position circle paint property object, that is passed to the MlGeoJsonLayer responsible for drawing the accuracy circle.
528
+ * Use any available paint prop from layer type "fill".
529
+ * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
581
530
  */
582
- markerImage: PropTypes.string,
531
+ circlePaint: PropTypes.object,
583
532
  };
584
533
  export default MlFollowGps;
585
534
  &nbsp;</pre></td></tr></table></pre>
@@ -589,7 +538,7 @@ export default MlFollowGps;
589
538
  <div class='footer quiet pad2 space-top1 center small'>
590
539
  Code coverage generated by
591
540
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
592
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
541
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
593
542
  </div>
594
543
  <script src="../../../prettify.js"></script>
595
544
  <script>
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">65.62% </span>
26
+ <span class="strong">70.37% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>21/32</span>
28
+ <span class='fraction'>19/27</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">55.55% </span>
33
+ <span class="strong">71.42% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>10/18</span>
35
+ <span class='fraction'>10/14</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">57.14% </span>
40
+ <span class="strong">66.66% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>4/7</span>
42
+ <span class='fraction'>4/6</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">66.66% </span>
47
+ <span class="strong">72% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>20/30</span>
49
+ <span class='fraction'>18/25</span>
50
50
  </div>
51
51
 
52
52
 
@@ -80,17 +80,17 @@
80
80
  </thead>
81
81
  <tbody><tr>
82
82
  <td class="file medium" data-value="MlFollowGps.js"><a href="MlFollowGps.js.html">MlFollowGps.js</a></td>
83
- <td data-value="65.62" class="pic medium">
84
- <div class="chart"><div class="cover-fill" style="width: 65%"></div><div class="cover-empty" style="width: 35%"></div></div>
83
+ <td data-value="70.37" class="pic medium">
84
+ <div class="chart"><div class="cover-fill" style="width: 70%"></div><div class="cover-empty" style="width: 30%"></div></div>
85
85
  </td>
86
- <td data-value="65.62" class="pct medium">65.62%</td>
87
- <td data-value="32" class="abs medium">21/32</td>
88
- <td data-value="55.55" class="pct medium">55.55%</td>
89
- <td data-value="18" class="abs medium">10/18</td>
90
- <td data-value="57.14" class="pct medium">57.14%</td>
91
- <td data-value="7" class="abs medium">4/7</td>
86
+ <td data-value="70.37" class="pct medium">70.37%</td>
87
+ <td data-value="27" class="abs medium">19/27</td>
88
+ <td data-value="71.42" class="pct medium">71.42%</td>
89
+ <td data-value="14" class="abs medium">10/14</td>
92
90
  <td data-value="66.66" class="pct medium">66.66%</td>
93
- <td data-value="30" class="abs medium">20/30</td>
91
+ <td data-value="6" class="abs medium">4/6</td>
92
+ <td data-value="72" class="pct medium">72%</td>
93
+ <td data-value="25" class="abs medium">18/25</td>
94
94
  </tr>
95
95
 
96
96
  </tbody>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
104
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -1183,7 +1183,7 @@ export default MlGPXViewer;
1183
1183
  <div class='footer quiet pad2 space-top1 center small'>
1184
1184
  Code coverage generated by
1185
1185
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
1186
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
1186
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
1187
1187
  </div>
1188
1188
  <script src="../../../prettify.js"></script>
1189
1189
  <script>
@@ -1630,7 +1630,7 @@ export default toGeoJSON;
1630
1630
  <div class='footer quiet pad2 space-top1 center small'>
1631
1631
  Code coverage generated by
1632
1632
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
1633
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
1633
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
1634
1634
  </div>
1635
1635
  <script src="../../../prettify.js"></script>
1636
1636
  <script>
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
119
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
120
120
  </div>
121
121
  <script src="../../../prettify.js"></script>
122
122
  <script>
@@ -841,7 +841,7 @@ export default MlGeoJsonLayer;
841
841
  <div class='footer quiet pad2 space-top1 center small'>
842
842
  Code coverage generated by
843
843
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
844
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
844
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
845
845
  </div>
846
846
  <script src="../../../prettify.js"></script>
847
847
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
104
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -142,7 +142,7 @@
142
142
  <span class="cline-any cline-neutral">&nbsp;</span>
143
143
  <span class="cline-any cline-neutral">&nbsp;</span>
144
144
  <span class="cline-any cline-neutral">&nbsp;</span>
145
- <span class="cline-any cline-yes">2x</span>
145
+ <span class="cline-any cline-yes">1x</span>
146
146
  <span class="cline-any cline-yes">12x</span>
147
147
  <span class="cline-any cline-neutral">&nbsp;</span>
148
148
  <span class="cline-any cline-yes">12x</span>
@@ -295,7 +295,7 @@ export default MlImageMarkerLayer;
295
295
  <div class='footer quiet pad2 space-top1 center small'>
296
296
  Code coverage generated by
297
297
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
298
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
298
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
299
299
  </div>
300
300
  <script src="../../../prettify.js"></script>
301
301
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Sun Jan 23 2022 11:43:07 GMT+0000 (Coordinated Universal Time)
104
+ at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>