@mapcomponents/react-maplibre 0.1.12 → 0.1.13

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 (120) hide show
  1. package/coverage/clover.xml +727 -608
  2. package/coverage/coverage-final.json +19 -14
  3. package/coverage/lcov-report/index.html +156 -96
  4. package/coverage/lcov-report/{components → src/components}/MapLibreMap/MapLibreMap.js.html +10 -10
  5. package/coverage/lcov-report/{components → src/components}/MapLibreMap/index.html +10 -10
  6. package/coverage/lcov-report/{components → src/components}/MlCreatePdfButton/MlCreatePdfButton.js.html +10 -10
  7. package/coverage/lcov-report/{components → src/components}/MlCreatePdfButton/index.html +10 -10
  8. package/coverage/lcov-report/{components → src/components}/MlFeatureEditor/MlFeatureEditor.js.html +10 -10
  9. package/coverage/lcov-report/{components → src/components}/MlFeatureEditor/index.html +10 -10
  10. package/coverage/lcov-report/{components → src/components}/MlFillExtrusionLayer/MlFillExtrusionLayer.js.html +10 -10
  11. package/coverage/lcov-report/{components → src/components}/MlFillExtrusionLayer/index.html +10 -10
  12. package/coverage/lcov-report/{components → src/components}/MlFollowGps/MlFollowGps.js.html +61 -55
  13. package/coverage/lcov-report/{components → src/components}/MlFollowGps/index.html +10 -10
  14. package/coverage/lcov-report/{components → src/components}/MlGPXViewer/MlGPXViewer.js.html +66 -60
  15. package/coverage/lcov-report/{components → src/components}/MlGPXViewer/gpxConverter.js.html +49 -70
  16. package/coverage/lcov-report/{components → src/components}/MlGPXViewer/index.html +25 -25
  17. package/coverage/lcov-report/{components → src/components}/MlGeoJsonLayer/MlGeoJsonLayer.js.html +70 -28
  18. package/coverage/lcov-report/{components → src/components}/MlGeoJsonLayer/index.html +27 -27
  19. package/coverage/lcov-report/{components → src/components}/MlImageMarkerLayer/MlImageMarkerLayer.js.html +19 -22
  20. package/coverage/lcov-report/{components → src/components}/MlImageMarkerLayer/index.html +19 -19
  21. package/coverage/lcov-report/{components → src/components}/MlLayer/MlLayer.js.html +30 -30
  22. package/coverage/lcov-report/{components → src/components}/MlLayer/index.html +26 -26
  23. package/coverage/lcov-report/{components → src/components}/MlLayerMagnify/MlLayerMagnify.js.html +41 -41
  24. package/coverage/lcov-report/{components → src/components}/MlLayerMagnify/index.html +24 -24
  25. package/coverage/lcov-report/{components → src/components}/MlLayerSwipe/MlLayerSwipe.js.html +38 -41
  26. package/coverage/lcov-report/{components → src/components}/MlLayerSwipe/index.html +24 -24
  27. package/coverage/lcov-report/src/components/MlLayerSwitcher/MlLayerSwitcher.js.html +755 -0
  28. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/LayerBox.js.html +380 -0
  29. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/index.html +117 -0
  30. package/coverage/lcov-report/src/components/MlLayerSwitcher/index.html +117 -0
  31. package/coverage/lcov-report/{components → src/components}/MlMarker/MlMarker.js.html +11 -11
  32. package/coverage/lcov-report/{components → src/components}/MlMarker/index.html +10 -10
  33. package/coverage/lcov-report/{components → src/components}/MlNavigationCompass/MlNavigationCompass.js.html +10 -10
  34. package/coverage/lcov-report/{components → src/components}/MlNavigationCompass/index.html +10 -10
  35. package/coverage/lcov-report/{components → src/components}/MlNavigationTools/MlNavigationTools.js.html +48 -36
  36. package/coverage/lcov-report/{components → src/components}/MlNavigationTools/index.html +16 -16
  37. package/coverage/lcov-report/{components → src/components}/MlOsmLayer/MlOsmLayer.js.html +10 -10
  38. package/coverage/lcov-report/{components → src/components}/MlOsmLayer/index.html +10 -10
  39. package/coverage/lcov-report/{components → src/components}/MlScaleReference/MlScaleReference.js.html +10 -10
  40. package/coverage/lcov-report/{components → src/components}/MlScaleReference/index.html +10 -10
  41. package/coverage/lcov-report/{components → src/components}/MlShareMapState/MlShareMapState.js.html +10 -10
  42. package/coverage/lcov-report/{components → src/components}/MlShareMapState/index.html +10 -10
  43. package/coverage/lcov-report/{components → src/components}/MlSpatialElevationProfile/MlSpatialElevationProfile.js.html +10 -10
  44. package/coverage/lcov-report/{components → src/components}/MlSpatialElevationProfile/index.html +10 -10
  45. package/coverage/lcov-report/{components → src/components}/MlThreeJsLayer/MlThreeJsLayer.js.html +30 -54
  46. package/coverage/lcov-report/{components → src/components}/MlThreeJsLayer/index.html +24 -24
  47. package/coverage/lcov-report/{components → src/components}/MlUseMapDebugger/MlUseMapDebugger.js.html +10 -10
  48. package/coverage/lcov-report/{components → src/components}/MlUseMapDebugger/index.html +10 -10
  49. package/coverage/lcov-report/{components → src/components}/MlVectorTileLayer/MlVectorTileLayer.js.html +10 -10
  50. package/coverage/lcov-report/{components → src/components}/MlVectorTileLayer/index.html +10 -10
  51. package/coverage/lcov-report/{components → src/components}/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.js.html +10 -10
  52. package/coverage/lcov-report/{components → src/components}/MlWmsFeatureInfoPopup/index.html +10 -10
  53. package/coverage/lcov-report/{components → src/components}/MlWmsLayer/MlWmsLayer.js.html +13 -13
  54. package/coverage/lcov-report/{components → src/components}/MlWmsLayer/index.html +14 -14
  55. package/coverage/lcov-report/{components → src/components}/MlWmsLoader/MlWmsLoader.js.html +31 -19
  56. package/coverage/lcov-report/{components → src/components}/MlWmsLoader/index.html +16 -16
  57. package/coverage/lcov-report/{hooks → src/hooks}/index.html +10 -10
  58. package/coverage/lcov-report/{hooks → src/hooks}/useMap.js.html +10 -10
  59. package/coverage/lcov-report/{hooks → src/hooks}/useMapState.js.html +10 -10
  60. package/coverage/lcov-report/{hooks → src/hooks}/useWms.js.html +18 -18
  61. package/coverage/lcov-report/src/i18n.js.html +167 -0
  62. package/coverage/lcov-report/src/index.html +117 -0
  63. package/coverage/lcov-report/src/translations/english.js.html +95 -0
  64. package/coverage/lcov-report/src/translations/german.js.html +95 -0
  65. package/coverage/lcov-report/src/translations/index.html +132 -0
  66. package/coverage/lcov.info +1240 -976
  67. package/dist/b556faa3bc6829d2.png +0 -0
  68. package/dist/index.esm.js +102 -71
  69. package/dist/index.esm.js.map +1 -1
  70. package/package.json +3 -1
  71. package/public/assets/dop.png +0 -0
  72. package/public/assets/historic.png +0 -0
  73. package/public/assets/osm.png +0 -0
  74. package/public/thumbnails/MlFollowGps.png +0 -0
  75. package/public/thumbnails/MlThreeJsLayer.png +0 -0
  76. package/src/components/MapLibreMap/lib/MapLibreGlWrapper.js +58 -73
  77. package/src/components/MlFeatureEditor/MlFeatureEditor.meta.json +2 -2
  78. package/src/components/MlFollowGps/MlFollowGps.js +45 -43
  79. package/src/components/MlFollowGps/MlFollowGps.meta.json +2 -2
  80. package/src/components/MlFollowGps/assets/marker.png +0 -0
  81. package/src/components/MlGPXViewer/MlGPXViewer.js +45 -43
  82. package/src/components/MlGPXViewer/gpxConverter.js +22 -29
  83. package/src/components/MlGeoJsonLayer/MlGeoJsonLayer.js +22 -8
  84. package/src/components/MlImageMarkerLayer/MlImageMarkerLayer.js +3 -4
  85. package/src/components/MlImageMarkerLayer/MlImageMarkerLayer.test.js +6 -7
  86. package/src/components/MlLayer/MlLayer.js +2 -2
  87. package/src/components/MlLayer/MlLayer.test.js +12 -10
  88. package/src/components/MlLayerMagnify/MlLayerMagnify.js +3 -3
  89. package/src/components/MlLayerSwipe/MlLayerSwipe.js +4 -5
  90. package/src/components/MlLayerSwitcher/MlLayerSwitcher.css +17 -0
  91. package/src/components/MlLayerSwitcher/MlLayerSwitcher.doc.de.md +3 -0
  92. package/src/components/MlLayerSwitcher/MlLayerSwitcher.js +223 -0
  93. package/src/components/MlLayerSwitcher/MlLayerSwitcher.meta_.json +15 -0
  94. package/src/components/MlLayerSwitcher/MlLayerSwitcher.stories.js +106 -0
  95. package/src/components/MlLayerSwitcher/assets/sample_1.json +26 -0
  96. package/src/components/MlLayerSwitcher/assets/sample_2.json +22 -0
  97. package/src/components/MlLayerSwitcher/components/LayerBox.js +98 -0
  98. package/src/components/MlMarker/MlMarker.js +1 -1
  99. package/src/components/MlNavigationTools/MlNavigationTools.js +26 -22
  100. package/src/components/MlScaleReference/MlScaleReference.meta.json +1 -1
  101. package/src/components/MlScaleReference/MlScaleReference.stories.js +25 -21
  102. package/src/components/MlSpatialElevationProfile/MlSpatialElevationProfile.stories.js +12 -6
  103. package/src/components/MlThreeJsLayer/MlThreeJsLayer.js +8 -15
  104. package/src/components/MlWmsLayer/MlWmsLayer.js +1 -1
  105. package/src/components/MlWmsLoader/MlWmsLoader.js +8 -4
  106. package/src/components/MlWmsLoader/MlWmsLoader.meta.json +1 -1
  107. package/src/components/MlWmsLoader/MlWmsLoader.stories.js +5 -4
  108. package/src/decorators/EmptyMapContextDecorator.js +11 -6
  109. package/src/decorators/MapContext3DDecorator.js +25 -20
  110. package/src/decorators/MapContextDashboardDecorator.js +7 -2
  111. package/src/decorators/MapContextDecorator.js +7 -3
  112. package/src/decorators/MapContextKlokantechBasicDecorator.js +8 -4
  113. package/src/decorators/MultiMapContextDecorator.js +2 -1
  114. package/src/hooks/useWms.js +7 -6
  115. package/src/i18n.js +28 -0
  116. package/src/translations/english.js +4 -0
  117. package/src/translations/german.js +4 -0
  118. package/src/ui_components/ImageLoader.js +73 -0
  119. package/src/ui_components/Sidebar.js +75 -20
  120. package/src/ui_components/TopToolbar.js +18 -18
@@ -3,15 +3,15 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for components/MlCreatePdfButton/MlCreatePdfButton.js</title>
6
+ <title>Code coverage report for src/components/MlCreatePdfButton/MlCreatePdfButton.js</title>
7
7
  <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../../prettify.css" />
9
- <link rel="stylesheet" href="../../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
11
  <meta name="viewport" content="width=device-width, initial-scale=1" />
12
12
  <style type='text/css'>
13
13
  .coverage-summary .sorter {
14
- background-image: url(../../sort-arrow-sprite.png);
14
+ background-image: url(../../../sort-arrow-sprite.png);
15
15
  }
16
16
  </style>
17
17
  </head>
@@ -19,7 +19,7 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> / <a href="index.html">components/MlCreatePdfButton</a> MlCreatePdfButton.js</h1>
22
+ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/components/MlCreatePdfButton</a> MlCreatePdfButton.js</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
@@ -226,17 +226,17 @@ 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">istanbul</a>
229
- at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
229
+ at Wed Dec 15 2021 17:14:00 GMT+0000 (Coordinated Universal Time)
230
230
  </div>
231
231
  </div>
232
- <script src="../../prettify.js"></script>
232
+ <script src="../../../prettify.js"></script>
233
233
  <script>
234
234
  window.onload = function () {
235
235
  prettyPrint();
236
236
  };
237
237
  </script>
238
- <script src="../../sorter.js"></script>
239
- <script src="../../block-navigation.js"></script>
238
+ <script src="../../../sorter.js"></script>
239
+ <script src="../../../block-navigation.js"></script>
240
240
  </body>
241
241
  </html>
242
242
 
@@ -3,15 +3,15 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for components/MlCreatePdfButton</title>
6
+ <title>Code coverage report for src/components/MlCreatePdfButton</title>
7
7
  <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../../prettify.css" />
9
- <link rel="stylesheet" href="../../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
11
  <meta name="viewport" content="width=device-width, initial-scale=1" />
12
12
  <style type='text/css'>
13
13
  .coverage-summary .sorter {
14
- background-image: url(../../sort-arrow-sprite.png);
14
+ background-image: url(../../../sort-arrow-sprite.png);
15
15
  }
16
16
  </style>
17
17
  </head>
@@ -19,7 +19,7 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> components/MlCreatePdfButton</h1>
22
+ <h1><a href="../../../index.html">All files</a> src/components/MlCreatePdfButton</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
@@ -101,17 +101,17 @@
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">istanbul</a>
104
- at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
104
+ at Wed Dec 15 2021 17:14:00 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  </div>
107
- <script src="../../prettify.js"></script>
107
+ <script src="../../../prettify.js"></script>
108
108
  <script>
109
109
  window.onload = function () {
110
110
  prettyPrint();
111
111
  };
112
112
  </script>
113
- <script src="../../sorter.js"></script>
114
- <script src="../../block-navigation.js"></script>
113
+ <script src="../../../sorter.js"></script>
114
+ <script src="../../../block-navigation.js"></script>
115
115
  </body>
116
116
  </html>
117
117
 
@@ -3,15 +3,15 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for components/MlFeatureEditor/MlFeatureEditor.js</title>
6
+ <title>Code coverage report for src/components/MlFeatureEditor/MlFeatureEditor.js</title>
7
7
  <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../../prettify.css" />
9
- <link rel="stylesheet" href="../../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
11
  <meta name="viewport" content="width=device-width, initial-scale=1" />
12
12
  <style type='text/css'>
13
13
  .coverage-summary .sorter {
14
- background-image: url(../../sort-arrow-sprite.png);
14
+ background-image: url(../../../sort-arrow-sprite.png);
15
15
  }
16
16
  </style>
17
17
  </head>
@@ -19,7 +19,7 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> / <a href="index.html">components/MlFeatureEditor</a> MlFeatureEditor.js</h1>
22
+ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/components/MlFeatureEditor</a> MlFeatureEditor.js</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
@@ -427,17 +427,17 @@ 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">istanbul</a>
430
- at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
430
+ at Wed Dec 15 2021 17:14:00 GMT+0000 (Coordinated Universal Time)
431
431
  </div>
432
432
  </div>
433
- <script src="../../prettify.js"></script>
433
+ <script src="../../../prettify.js"></script>
434
434
  <script>
435
435
  window.onload = function () {
436
436
  prettyPrint();
437
437
  };
438
438
  </script>
439
- <script src="../../sorter.js"></script>
440
- <script src="../../block-navigation.js"></script>
439
+ <script src="../../../sorter.js"></script>
440
+ <script src="../../../block-navigation.js"></script>
441
441
  </body>
442
442
  </html>
443
443
 
@@ -3,15 +3,15 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for components/MlFeatureEditor</title>
6
+ <title>Code coverage report for src/components/MlFeatureEditor</title>
7
7
  <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../../prettify.css" />
9
- <link rel="stylesheet" href="../../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
11
  <meta name="viewport" content="width=device-width, initial-scale=1" />
12
12
  <style type='text/css'>
13
13
  .coverage-summary .sorter {
14
- background-image: url(../../sort-arrow-sprite.png);
14
+ background-image: url(../../../sort-arrow-sprite.png);
15
15
  }
16
16
  </style>
17
17
  </head>
@@ -19,7 +19,7 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> components/MlFeatureEditor</h1>
22
+ <h1><a href="../../../index.html">All files</a> src/components/MlFeatureEditor</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
@@ -101,17 +101,17 @@
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">istanbul</a>
104
- at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
104
+ at Wed Dec 15 2021 17:14:00 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  </div>
107
- <script src="../../prettify.js"></script>
107
+ <script src="../../../prettify.js"></script>
108
108
  <script>
109
109
  window.onload = function () {
110
110
  prettyPrint();
111
111
  };
112
112
  </script>
113
- <script src="../../sorter.js"></script>
114
- <script src="../../block-navigation.js"></script>
113
+ <script src="../../../sorter.js"></script>
114
+ <script src="../../../block-navigation.js"></script>
115
115
  </body>
116
116
  </html>
117
117
 
@@ -3,15 +3,15 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for components/MlFillExtrusionLayer/MlFillExtrusionLayer.js</title>
6
+ <title>Code coverage report for src/components/MlFillExtrusionLayer/MlFillExtrusionLayer.js</title>
7
7
  <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../../prettify.css" />
9
- <link rel="stylesheet" href="../../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
11
  <meta name="viewport" content="width=device-width, initial-scale=1" />
12
12
  <style type='text/css'>
13
13
  .coverage-summary .sorter {
14
- background-image: url(../../sort-arrow-sprite.png);
14
+ background-image: url(../../../sort-arrow-sprite.png);
15
15
  }
16
16
  </style>
17
17
  </head>
@@ -19,7 +19,7 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> / <a href="index.html">components/MlFillExtrusionLayer</a> MlFillExtrusionLayer.js</h1>
22
+ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/components/MlFillExtrusionLayer</a> MlFillExtrusionLayer.js</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
@@ -529,17 +529,17 @@ 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">istanbul</a>
532
- at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
532
+ at Wed Dec 15 2021 17:14:00 GMT+0000 (Coordinated Universal Time)
533
533
  </div>
534
534
  </div>
535
- <script src="../../prettify.js"></script>
535
+ <script src="../../../prettify.js"></script>
536
536
  <script>
537
537
  window.onload = function () {
538
538
  prettyPrint();
539
539
  };
540
540
  </script>
541
- <script src="../../sorter.js"></script>
542
- <script src="../../block-navigation.js"></script>
541
+ <script src="../../../sorter.js"></script>
542
+ <script src="../../../block-navigation.js"></script>
543
543
  </body>
544
544
  </html>
545
545
 
@@ -3,15 +3,15 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for components/MlFillExtrusionLayer</title>
6
+ <title>Code coverage report for src/components/MlFillExtrusionLayer</title>
7
7
  <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../../prettify.css" />
9
- <link rel="stylesheet" href="../../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
11
  <meta name="viewport" content="width=device-width, initial-scale=1" />
12
12
  <style type='text/css'>
13
13
  .coverage-summary .sorter {
14
- background-image: url(../../sort-arrow-sprite.png);
14
+ background-image: url(../../../sort-arrow-sprite.png);
15
15
  }
16
16
  </style>
17
17
  </head>
@@ -19,7 +19,7 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> components/MlFillExtrusionLayer</h1>
22
+ <h1><a href="../../../index.html">All files</a> src/components/MlFillExtrusionLayer</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
@@ -101,17 +101,17 @@
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">istanbul</a>
104
- at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
104
+ at Wed Dec 15 2021 17:14:00 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  </div>
107
- <script src="../../prettify.js"></script>
107
+ <script src="../../../prettify.js"></script>
108
108
  <script>
109
109
  window.onload = function () {
110
110
  prettyPrint();
111
111
  };
112
112
  </script>
113
- <script src="../../sorter.js"></script>
114
- <script src="../../block-navigation.js"></script>
113
+ <script src="../../../sorter.js"></script>
114
+ <script src="../../../block-navigation.js"></script>
115
115
  </body>
116
116
  </html>
117
117
 
@@ -3,15 +3,15 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for components/MlFollowGps/MlFollowGps.js</title>
6
+ <title>Code coverage report for src/components/MlFollowGps/MlFollowGps.js</title>
7
7
  <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../../prettify.css" />
9
- <link rel="stylesheet" href="../../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
11
  <meta name="viewport" content="width=device-width, initial-scale=1" />
12
12
  <style type='text/css'>
13
13
  .coverage-summary .sorter {
14
- background-image: url(../../sort-arrow-sprite.png);
14
+ background-image: url(../../../sort-arrow-sprite.png);
15
15
  }
16
16
  </style>
17
17
  </head>
@@ -19,7 +19,7 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> / <a href="index.html">components/MlFollowGps</a> MlFollowGps.js</h1>
22
+ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/components/MlFollowGps</a> MlFollowGps.js</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
@@ -232,7 +232,11 @@
232
232
  <a name='L167'></a><a href='#L167'>167</a>
233
233
  <a name='L168'></a><a href='#L168'>168</a>
234
234
  <a name='L169'></a><a href='#L169'>169</a>
235
- <a name='L170'></a><a href='#L170'>170</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
238
+ <span class="cline-any cline-neutral">&nbsp;</span>
239
+ <span class="cline-any cline-neutral">&nbsp;</span>
236
240
  <span class="cline-any cline-neutral">&nbsp;</span>
237
241
  <span class="cline-any cline-neutral">&nbsp;</span>
238
242
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -268,7 +272,6 @@
268
272
  <span class="cline-any cline-yes">7x</span>
269
273
  <span class="cline-any cline-yes">2x</span>
270
274
  <span class="cline-any cline-neutral">&nbsp;</span>
271
- <span class="cline-any cline-neutral">&nbsp;</span>
272
275
  <span class="cline-any cline-yes">2x</span>
273
276
  <span class="cline-any cline-neutral">&nbsp;</span>
274
277
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -297,7 +300,6 @@
297
300
  <span class="cline-any cline-yes">2x</span>
298
301
  <span class="cline-any cline-neutral">&nbsp;</span>
299
302
  <span class="cline-any cline-neutral">&nbsp;</span>
300
- <span class="cline-any cline-neutral">&nbsp;</span>
301
303
  <span class="cline-any cline-yes">7x</span>
302
304
  <span class="cline-any cline-no">&nbsp;</span>
303
305
  <span class="cline-any cline-no">&nbsp;</span>
@@ -355,6 +357,7 @@
355
357
  <span class="cline-any cline-neutral">&nbsp;</span>
356
358
  <span class="cline-any cline-neutral">&nbsp;</span>
357
359
  <span class="cline-any cline-neutral">&nbsp;</span>
360
+ <span class="cline-any cline-neutral">&nbsp;</span>
358
361
  <span class="cline-any cline-yes">3x</span>
359
362
  <span class="cline-any cline-yes">1x</span>
360
363
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -390,6 +393,7 @@
390
393
  <span class="cline-any cline-neutral">&nbsp;</span>
391
394
  <span class="cline-any cline-neutral">&nbsp;</span>
392
395
  <span class="cline-any cline-neutral">&nbsp;</span>
396
+ <span class="cline-any cline-neutral">&nbsp;</span>
393
397
  <span class="cline-any cline-yes">1x</span>
394
398
  <span class="cline-any cline-neutral">&nbsp;</span>
395
399
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -412,6 +416,8 @@ import {point} from "@turf/turf"
412
416
  import MlGeoJsonLayer from "../MlGeoJsonLayer/MlGeoJsonLayer";
413
417
  import MlImageMarkerLayer from "../MlImageMarkerLayer/MlImageMarkerLayer";
414
418
  &nbsp;
419
+ import marker from "./assets/marker.png";
420
+ &nbsp;
415
421
  /**
416
422
  * Adds a button that makes the map follow the users GPS position using
417
423
  * navigator.geolocation.watchPosition if activated
@@ -436,7 +442,6 @@ const MlFollowGps = (props) =&gt; {
436
442
  &nbsp;
437
443
  useEffect(() =&gt; {
438
444
  let _componentId = componentId.current;
439
- &nbsp;
440
445
  &nbsp;
441
446
  return <span class="fstat-no" title="function not covered" >()</span> =&gt; {
442
447
  // This is the cleanup function, it is called when this react component is removed from react-dom
@@ -464,13 +469,12 @@ const MlFollowGps = (props) =&gt; {
464
469
  initializedRef.current = true;
465
470
  mapRef.current = mapContext.getMap(props.mapId);
466
471
  mapRef.current.setCenter([7.132122000552613, 50.716405378037706]);
467
- &nbsp;
468
472
  }, [mapContext.mapIds, mapContext, props.mapId]);
469
473
  &nbsp;
470
474
  const getLocationSuccess = <span class="fstat-no" title="function not covered" >(p</span>os) =&gt; {
471
475
  <span class="cstat-no" title="statement not covered" > if (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
472
476
  <span class="cstat-no" title="statement not covered" > mapRef.current.setCenter([pos.coords.longitude, pos.coords.latitude]);</span>
473
- <span class="cstat-no" title="statement not covered" > setAccuracyRadius(pos.coords.accuracy)</span>
477
+ <span class="cstat-no" title="statement not covered" > setAccuracyRadius(pos.coords.accuracy);</span>
474
478
  <span class="cstat-no" title="statement not covered" > setGeoJson(point([pos.coords.longitude, pos.coords.latitude]));</span>
475
479
  };
476
480
  &nbsp;
@@ -481,47 +485,48 @@ const MlFollowGps = (props) =&gt; {
481
485
  &nbsp;
482
486
  return (
483
487
  &lt;&gt;
484
- {isFollowed &amp;&amp; geoJson &amp;&amp;
485
- <span class="branch-2 cbranch-no" title="branch not covered" > &lt;MlGeoJsonLayer geojson={geoJson} type={"circle"}</span>
486
- paint={{
487
- "circle-radius": {
488
- stops: [
489
- [0, 0],
490
- [
491
- 20,
492
- (accuracyRadius) /
493
- 0.075 /
494
- Math.cos((geoJson.geometry.coordinates[1] * Math.PI) / 180),
495
- ],
496
- ],
497
- base: 2,
498
- },
499
- "circle-color": "#ee7700",
500
- "circle-opacity": 0.5,
501
- }}
502
- /&gt;
503
- }
488
+ {isFollowed &amp;&amp; geoJson &amp;&amp; (
489
+ <span class="branch-2 cbranch-no" title="branch not covered" > &lt;MlGeoJsonLayer</span>
490
+ geojson={geoJson}
491
+ type={"circle"}
492
+ paint={{
493
+ "circle-radius": {
494
+ stops: [
495
+ [0, 0],
496
+ [
497
+ 20,
498
+ accuracyRadius /
499
+ 0.075 /
500
+ Math.cos((geoJson.geometry.coordinates[1] * Math.PI) / 180),
501
+ ],
502
+ ],
503
+ base: 2,
504
+ },
505
+ "circle-color": "#ee7700",
506
+ "circle-opacity": 0.5,
507
+ }}
508
+ /&gt;
509
+ )}
504
510
  &nbsp;
505
- {isFollowed &amp;&amp; geoJson &amp;&amp;
506
- <span class="branch-2 cbranch-no" title="branch not covered" > &lt;MlImageMarkerLayer</span>
507
- options={{
508
- type: "symbol",
509
- source: {
510
- type: "geojson",
511
- data: geoJson
512
- },
513
- layout: {
514
- "icon-size": 0.1,
515
- "icon-offset": [0, -340]
516
- },
517
- }
518
- }
519
- imgSrc={"/assets/marker.png"}
520
- /&gt;
521
- }
511
+ {isFollowed &amp;&amp; geoJson &amp;&amp; (
512
+ <span class="branch-2 cbranch-no" title="branch not covered" > &lt;MlImageMarkerLayer</span>
513
+ options={{
514
+ type: "symbol",
515
+ source: {
516
+ type: "geojson",
517
+ data: geoJson,
518
+ },
519
+ layout: {
520
+ "icon-size": 0.1,
521
+ "icon-offset": [0, -340],
522
+ },
523
+ }}
524
+ imgSrc={marker}
525
+ /&gt;
526
+ )}
522
527
  &nbsp;
523
528
  &lt;Button
524
- sx={{zIndex: 1002, color: isFollowed ? "#bbb" : "#666", ...props.style}}
529
+ sx={{ zIndex: 1002, color: isFollowed ? "#bbb" : "#666", ...props.style }}
525
530
  disabled={locationAccessDenied}
526
531
  onClick={() =&gt; {
527
532
  if (isFollowed) {
@@ -536,7 +541,7 @@ const MlFollowGps = (props) =&gt; {
536
541
  }}
537
542
  &gt;
538
543
  {" "}
539
- &lt;RoomIcon sx={{}}/&gt;{" "}
544
+ &lt;RoomIcon sx={{fontSize: props.style.fontSize}}/&gt;{" "}
540
545
  &lt;/Button&gt;
541
546
  &lt;/&gt;
542
547
  );
@@ -552,6 +557,7 @@ MlFollowGps.defaultProps = {
552
557
  backgroundColor: "#414141",
553
558
  borderRadius: "23%",
554
559
  margin: 0.15,
560
+ fontSize: "1.3em",
555
561
  ":hover": {
556
562
  backgroundColor: "#515151",
557
563
  color: "#ececec",
@@ -577,17 +583,17 @@ export default MlFollowGps;
577
583
  <div class='footer quiet pad2 space-top1 center small'>
578
584
  Code coverage generated by
579
585
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
580
- at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
586
+ at Wed Dec 15 2021 17:14:00 GMT+0000 (Coordinated Universal Time)
581
587
  </div>
582
588
  </div>
583
- <script src="../../prettify.js"></script>
589
+ <script src="../../../prettify.js"></script>
584
590
  <script>
585
591
  window.onload = function () {
586
592
  prettyPrint();
587
593
  };
588
594
  </script>
589
- <script src="../../sorter.js"></script>
590
- <script src="../../block-navigation.js"></script>
595
+ <script src="../../../sorter.js"></script>
596
+ <script src="../../../block-navigation.js"></script>
591
597
  </body>
592
598
  </html>
593
599
 
@@ -3,15 +3,15 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for components/MlFollowGps</title>
6
+ <title>Code coverage report for src/components/MlFollowGps</title>
7
7
  <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../../prettify.css" />
9
- <link rel="stylesheet" href="../../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
11
  <meta name="viewport" content="width=device-width, initial-scale=1" />
12
12
  <style type='text/css'>
13
13
  .coverage-summary .sorter {
14
- background-image: url(../../sort-arrow-sprite.png);
14
+ background-image: url(../../../sort-arrow-sprite.png);
15
15
  }
16
16
  </style>
17
17
  </head>
@@ -19,7 +19,7 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> components/MlFollowGps</h1>
22
+ <h1><a href="../../../index.html">All files</a> src/components/MlFollowGps</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
@@ -101,17 +101,17 @@
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">istanbul</a>
104
- at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
104
+ at Wed Dec 15 2021 17:14:00 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  </div>
107
- <script src="../../prettify.js"></script>
107
+ <script src="../../../prettify.js"></script>
108
108
  <script>
109
109
  window.onload = function () {
110
110
  prettyPrint();
111
111
  };
112
112
  </script>
113
- <script src="../../sorter.js"></script>
114
- <script src="../../block-navigation.js"></script>
113
+ <script src="../../../sorter.js"></script>
114
+ <script src="../../../block-navigation.js"></script>
115
115
  </body>
116
116
  </html>
117
117