Predefine Google maps

1 files changed, 30 insertions, 0 deletions

diff --git a/modern/src/map/core/useMapStyles.js b/modern/src/map/core/useMapStyles.js
index affe89c2..b09658fc 100644
--- a/modern/src/map/core/useMapStyles.js
+++ b/modern/src/map/core/useMapStyles.js
@@ -74,6 +74,36 @@ export default () => {
       available: true,
     },
     {
+      id: 'googleRoad',
+      title: t('mapGoogleRoad'),
+      style: styleCustom({
+        tiles: [0, 1, 2, 3].map((i) => `https://mt${i}.google.com/vt/lyrs=m&hl=en&x={x}&y={y}&z={z}&s=Ga`),
+        maxZoom: 20,
+        attribution: '© Google',
+      }),
+      available: true,
+    },
+    {
+      id: 'googleSatellite',
+      title: t('mapGoogleSatellite'),
+      style: styleCustom({
+        tiles: [0, 1, 2, 3].map((i) => `https://mt${i}.google.com/vt/lyrs=s&hl=en&x={x}&y={y}&z={z}&s=Ga`),
+        maxZoom: 20,
+        attribution: '© Google',
+      }),
+      available: true,
+    },
+    {
+      id: 'googleHybrid',
+      title: t('mapGoogleHybrid'),
+      style: styleCustom({
+        tiles: [0, 1, 2, 3].map((i) => `https://mt${i}.google.com/vt/lyrs=y&hl=en&x={x}&y={y}&z={z}&s=Ga`),
+        maxZoom: 20,
+        attribution: '© Google',
+      }),
+      available: true,
+    },
+    {
       id: 'mapTilerBasic',
       title: t('mapMapTilerBasic'),
       style: `https://api.maptiler.com/maps/basic/style.json?key=${mapTilerKey}`,