From 67d01f8e32e29c9071dcb4e3940d7eeaaae58928 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Tue, 10 Jan 2023 11:17:53 +0100
Subject: [PATCH] Add mapbox 'MglFullscreenControl'

---
 webapp/pages/map.vue       | 3 ++-
 webapp/plugins/v-mapbox.js | 5 +++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/webapp/pages/map.vue b/webapp/pages/map.vue
index 47acaa21d..31d982111 100644
--- a/webapp/pages/map.vue
+++ b/webapp/pages/map.vue
@@ -35,9 +35,10 @@
         </ds-button>
         <!-- Wolle: is MglAttributionControl needed? or what can we use for? -->
         <!-- <MglAttributionControl /> -->
-        <MglScaleControl />
+        <MglFullscreenControl />
         <MglNavigationControl position="top-right" />
         <MglGeolocateControl position="top-right" />
+        <MglScaleControl />
         <MglMarker :coordinates="[10.452764, 51.165707]" color="blue" />
       </mgl-map>
     </client-only>
diff --git a/webapp/plugins/v-mapbox.js b/webapp/plugins/v-mapbox.js
index ebbfef3db..3d45f16ca 100644
--- a/webapp/plugins/v-mapbox.js
+++ b/webapp/plugins/v-mapbox.js
@@ -10,16 +10,21 @@ import {
   MglScaleControl,
   MglNavigationControl,
   MglGeolocateControl,
+  MglFullscreenControl,
 } from 'v-mapbox'
 
 // Map
 Vue.component('MglMap', MglMap)
 
+// overview of all: https://github.com/geospoc/v-mapbox/tree/v1.11.2/src/components
+// mapbox: https://docs.mapbox.com/mapbox-gl-js/api/markers/
+
 // Controls
 Vue.component('MglAttributionControl', MglAttributionControl)
 Vue.component('MglScaleControl', MglScaleControl)
 Vue.component('MglNavigationControl', MglNavigationControl)
 Vue.component('MglGeolocateControl', MglGeolocateControl)
+Vue.component('MglFullscreenControl', MglFullscreenControl)
 
 // Layers
 Vue.component('MglGeojsonLayer', MglGeojsonLayer)