ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +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> </ds-button>
<!-- Wolle: is MglAttributionControl needed? or what can we use for? --> <!-- Wolle: is MglAttributionControl needed? or what can we use for? -->
<!-- <MglAttributionControl /> --> <!-- <MglAttributionControl /> -->
<MglScaleControl /> <MglFullscreenControl />
<MglNavigationControl position="top-right" /> <MglNavigationControl position="top-right" />
<MglGeolocateControl position="top-right" /> <MglGeolocateControl position="top-right" />
<MglScaleControl />
<MglMarker :coordinates="[10.452764, 51.165707]" color="blue" /> <MglMarker :coordinates="[10.452764, 51.165707]" color="blue" />
</mgl-map> </mgl-map>
</client-only> </client-only>

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

@ -10,16 +10,21 @@ import {
MglScaleControl, MglScaleControl,
MglNavigationControl, MglNavigationControl,
MglGeolocateControl, MglGeolocateControl,
MglFullscreenControl,
} from 'v-mapbox' } from 'v-mapbox'
// Map // Map
Vue.component('MglMap', MglMap) 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 // Controls
Vue.component('MglAttributionControl', MglAttributionControl) Vue.component('MglAttributionControl', MglAttributionControl)
Vue.component('MglScaleControl', MglScaleControl) Vue.component('MglScaleControl', MglScaleControl)
Vue.component('MglNavigationControl', MglNavigationControl) Vue.component('MglNavigationControl', MglNavigationControl)
Vue.component('MglGeolocateControl', MglGeolocateControl) Vue.component('MglGeolocateControl', MglGeolocateControl)
Vue.component('MglFullscreenControl', MglFullscreenControl)
// Layers // Layers
Vue.component('MglGeojsonLayer', MglGeojsonLayer) Vue.component('MglGeojsonLayer', MglGeojsonLayer)