66 lines
1.4 KiB
JavaScript
66 lines
1.4 KiB
JavaScript
import GeoTIFF from '../src/ol/source/GeoTIFF.js';
|
|
import Map from '../src/ol/Map.js';
|
|
import TileLayer from '../src/ol/layer/WebGLTile.js';
|
|
import View from '../src/ol/View.js';
|
|
|
|
const source = new GeoTIFF({
|
|
sources: [
|
|
{
|
|
url: 'https://s2downloads.eox.at/demo/Sentinel-2/3857/R10m.tif',
|
|
bands: [2, 3],
|
|
min: 0,
|
|
nodata: 0,
|
|
max: 65535,
|
|
},
|
|
{
|
|
url: 'https://s2downloads.eox.at/demo/Sentinel-2/3857/R60m.tif',
|
|
bands: [8],
|
|
min: 0,
|
|
nodata: 0,
|
|
max: 65535,
|
|
},
|
|
],
|
|
});
|
|
source.setAttributions(
|
|
"<a href='https://s2maps.eu'>Sentinel-2 cloudless</a> by <a href='https://eox.at/'>EOX IT Services GmbH</a> (Contains modified Copernicus Sentinel data 2019)"
|
|
);
|
|
|
|
const ndvi = [
|
|
'/',
|
|
['-', ['band', 2], ['band', 1]],
|
|
['+', ['band', 2], ['band', 1]],
|
|
];
|
|
|
|
const ndwi = [
|
|
'/',
|
|
['-', ['band', 3], ['band', 1]],
|
|
['+', ['band', 3], ['band', 1]],
|
|
];
|
|
|
|
const map = new Map({
|
|
target: 'map',
|
|
layers: [
|
|
new TileLayer({
|
|
style: {
|
|
color: [
|
|
'color',
|
|
// red: | NDVI - NDWI |
|
|
['*', 255, ['abs', ['-', ndvi, ndwi]]],
|
|
// green: NDVI
|
|
['*', 255, ndvi],
|
|
// blue: NDWI
|
|
['*', 255, ndwi],
|
|
// alpha
|
|
['band', 4],
|
|
],
|
|
},
|
|
source,
|
|
}),
|
|
],
|
|
view: new View({
|
|
center: [1900000, 6100000],
|
|
zoom: 15,
|
|
minZoom: 10,
|
|
}),
|
|
});
|