use OSM map layer for default (#211)

USACE · Feb 7, 2024 · 406251d · 406251d
1 parent 6360cee
commit 406251d
Showing 1 changed file with 8 additions and 9 deletions.
diff --git a/src/ol-controls/basemap-picker.js b/src/ol-controls/basemap-picker.js
@@ -5,6 +5,14 @@ import { Tile } from 'ol/layer';
 import './basemap-picker.css';
 
 const basemaps = [
+  {
+    id: 'OpenStreetMap',
+    name: 'OpenStreetMap',
+    url: 'https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png',
+    maxZoom: 19,
+    attributions:
+      '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>',
+  },
   {
     id: 'CartoDBPositron',
     name: 'CartoDB Positron',
@@ -23,14 +31,6 @@ const basemaps = [
       '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> &copy; <a href="https://cartodb.com/attributionss">CartoDB</a>',
     maxZoom: 19,
   },
-  {
-    id: 'OpenStreetMap',
-    name: 'OpenStreetMap',
-    url: 'https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png',
-    maxZoom: 19,
-    attributions:
-      '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>',
-  },
   {
     id: 'MapBoxStreets',
     name: 'MapBox Streets',
@@ -121,7 +121,6 @@ class BasemapControl extends Control {
           (b) =>
             new XYZ({
               url: b.url,
-              crossOrigin: true,
               attributions: b.attributions,
               maxZoom: b.maxZoom,
             })