From d4999a4d393115082067cbbbe6ef1fb980f32cb3 Mon Sep 17 00:00:00 2001
From: Oreille <33065839+Oreilles@users.noreply.github.com>
Date: Wed, 25 Aug 2021 15:33:27 +0200
Subject: [PATCH] Add mapbox-key to map interface initialization (#7602)

---
 app/src/interfaces/map/options.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/app/src/interfaces/map/options.vue b/app/src/interfaces/map/options.vue
index 7172a24d24..a0318aee99 100644
--- a/app/src/interfaces/map/options.vue
+++ b/app/src/interfaces/map/options.vue
@@ -31,6 +31,7 @@ import { getBasemapSources, getStyleFromBasemapSource } from '@/utils/geometry/b
 import 'maplibre-gl/dist/maplibre-gl.css';
 import { Map, CameraOptions } from 'maplibre-gl';
 import { useAppStore } from '@/stores';
+import getSetting from '@/utils/get-setting';
 
 export default defineComponent({
 	props: {
@@ -73,6 +74,7 @@ export default defineComponent({
 		const mapContainer = ref<HTMLElement | null>(null);
 		let map: Map;
 
+		const mapboxKey = getSetting('mapbox_key');
 		const basemaps = getBasemapSources();
 		const appStore = useAppStore();
 		const { basemap } = toRefs(appStore);
@@ -87,6 +89,7 @@ export default defineComponent({
 				style: style.value,
 				attributionControl: false,
 				...(defaultView.value || {}),
+				...(mapboxKey ? { accessToken: mapboxKey } : {}),
 			});
 			map.on('moveend', () => {
 				defaultView.value = {