added Mapbox as mapCustom

1 files changed, 28 insertions, 0 deletions

diff --git a/modern/src/map/core/useMapStyles.js b/modern/src/map/core/useMapStyles.js
index 8f1423f1..72f18ebc 100644
--- a/modern/src/map/core/useMapStyles.js
+++ b/modern/src/map/core/useMapStyles.js
@@ -28,6 +28,7 @@ export default () => {
   const bingMapsKey = useAttributePreference('bingMapsKey');
   const tomTomKey = useAttributePreference('tomTomKey');
   const hereKey = useAttributePreference('hereKey');
+  const mapboxAccessToken = useAttributePreference('mapboxAccessToken');
   const customMapUrl = useSelector((state) => state.session.server?.mapUrl);
 
   return [
@@ -151,6 +152,33 @@ export default () => {
       available: true,
     },
     {
+      id: 'mapboxStreets',
+      title: t('mapMapboxStreets'),
+      style: styleCustom(
+        [`https://api.mapbox.com/styles/v1/mapbox/streets-v11/tiles/{z}/{x}/{y}?access_token=${mapboxAccessToken}`],
+      ),
+      available: !!mapboxAccessToken,
+      attribute: 'mapboxAccessToken',
+    },
+    {
+      id: 'mapboxOutdoors',
+      title: t('mapMapboxOutdoors'),
+      style: styleCustom(
+        [`https://api.mapbox.com/styles/v1/mapbox/outdoors-v11/tiles/{z}/{x}/{y}?access_token=${mapboxAccessToken}`],
+      ),
+      available: !!mapboxAccessToken,
+      attribute: 'mapboxAccessToken',
+    },
+    {
+      id: 'mapboxSatelliteStreet',
+      title: t('mapMapboxSatellite'),
+      style: styleCustom(
+        [`https://api.mapbox.com/styles/v1/mapbox/satellite-streets-v11/tiles/{z}/{x}/{y}?access_token=${mapboxAccessToken}`],
+      ),
+      available: !!mapboxAccessToken,
+      attribute: 'mapboxAccessToken',
+    },
+    {
       id: 'custom',
       title: t('mapCustom'),
       style: styleCustom([customMapUrl]),