ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-12 23:35:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add mapbox 'MglFullscreenControl'

Browse Source
This commit is contained in:
Wolfgang Huß 2023-01-10 11:17:53 +01:00
parent bde5002650
commit 67d01f8e32
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
webapp/pages/map.vue
View File

@ -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>

5
webapp/plugins/v-mapbox.js
View File

@ -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)