layers: Add bing satellite

zbycz · Jun 3, 2023 · 306e6ff · 306e6ff
1 parent 6ec16b3
commit 306e6ff
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 7 deletions.
diff --git a/src/components/LayerSwitcher/osmappLayers.tsx b/src/components/LayerSwitcher/osmappLayers.tsx
@@ -42,6 +42,13 @@ export const osmappLayers: Layers = {
     Icon: SatelliteIcon,
     attribution: ['maptiler'],
   },
+  bingSat: {
+    name: t('layers.bingSat'),
+    type: 'basemap',
+    url: 'https://ecn.{bingSubdomains}.tiles.virtualearth.net/tiles/a{quadkey}.jpeg?g=13657',
+    Icon: SatelliteIcon,
+    attribution: ['bing'],
+  },
   // mtb: {
   //   name: t('layers.mtb'),
   //   type: 'basemap',

diff --git a/src/components/Map/styles/rasterStyle.ts b/src/components/Map/styles/rasterStyle.ts
@@ -1,14 +1,28 @@
 import maplibregl from 'maplibre-gl';
 import { GLYPHS, OSMAPP_SOURCES, OSMAPP_SPRITE } from '../consts';
 
+const getSource = (url) => {
+  if (url.match('{bingSubdomains}')) {
+    return {
+      tiles: ['t0', 't1', 't2', 't3'].map((c) =>
+        url?.replace('{bingSubdomains}', c),
+      ),
+    };
+  }
+
+  if (url.match('{x}')) {
+    return {
+      tiles: ['a', 'b', 'c'].map((c) => url?.replace('{s}', c)),
+    };
+  }
+
+  return {
+    url, // url as a tileset.json
+  };
+};
+
 export const rasterStyle = (id, url): maplibregl.Style => {
-  const source = url.match('{x}')
-    ? {
-        tiles: ['a', 'b', 'c'].map((c) => url?.replace('{s}', c)),
-      }
-    : {
-        url, // tileset.json
-      };
+  const source = getSource(url);
   return {
     version: 8,
     sprite: OSMAPP_SPRITE,