diff --git a/html/layers.js b/html/layers.js index 5e06385..496c0f3 100644 --- a/html/layers.js +++ b/html/layers.js @@ -156,6 +156,18 @@ function createBaseLayers() { world.push(vtlayer); } + world.push(new ol.layer.Tile({ + source: new ol.source.OSM({ + url: 'https://gibs-{a-c}.earthdata.nasa.gov/wmts/epsg3857/best/BlueMarble_ShadedRelief_Bathymetry/default/EPSG3857_500m/{z}/{y}/{x}.jpeg', + attributions: 'MODIS Terra ' + + + 'Provided by NASA\'s Global Imagery Browse Services (GIBS), part of NASA\'s Earth Observing System Data and Information System (EOSDIS)', + maxZoom: 8, + }), + name: 'gibs_reliev', + title: 'GIBS Relief', + type: 'base', + })); + const date = new Date(Date.now() - 86400 * 1000); const yesterday = date.getUTCFullYear() + '-' + (date.getUTCMonth() + 1).toString().padStart(2, '0') + '-' + date.getUTCDate().toString().padStart(2, '0'); world.push(new ol.layer.Tile({ @@ -169,7 +181,7 @@ function createBaseLayers() { maxZoom: 9, }), name: 'gibs', - title: 'NASA GIBS ' + yesterday, + title: 'GIBS Clouds ' + yesterday, type: 'base', })); // carto.com basemaps, see the following URLs for details on them: