<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <meta charset="UTF-8"> <meta name="application" content="VS Client release-1.3.3"> <title>PRISM View Server</title> <link rel="icon" href="//eox.at/favicon.ico" type="image/x-icon"> <link rel="icon" sizes="16x16" href="//eox.at/favicon-16x16.png" type="image/png"> <link rel="icon" sizes="32x32" href="//eox.at/favicon-32x32.png" type="image/png"> <link rel="apple-touch-icon" sizes="180x180" href="//eox.at/apple-touch-icon.png" type="image/png"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#004170"> </head> <body> <header id="header" style="width: 100%; height:70px;"> <h3 style="width:100%;text-align:center; color: #006699;">PRISM View Server (PVS) Client powered by <a href="//eox.at"><img src="//eox.at/EOX_Logo.svg" alt="EOX" style="height:25px;margin-left:10px"/></a> </h3> </header> <div id="app" style="width: 100%; top: 60px; bottom: 0; position: absolute; margin: 0; padding:0;"></div> <script src="prism.js"></script> <script> var today = new Date(); today.setUTCHours(24, 0, 0, 0); var baseUrl = '//' + window.location.hostname + '/'; var baseUrlsWMTS = [ baseUrl + 'cache/ows/wmts', ]; var baseUrlsOws = [ baseUrl + 'ows', ]; var config = { "settings": { "rightPanelOpen": true, "leftPanelOpen": false, "leftPanelTabIndex": 0, "tutorial": "once", "uploadEnabled": true, "selectFilesDownloadEnabled": false, "downloadEnabled": true, "searchEnabled" : true, "searchDebounceTime": 500, "language": "en", "timeDomain": [ "2008-01-01T00:00:00Z", today, ], "constrainTimeDomain": true, "displayTimeDomain": [ "2019-06-01T00:00:00Z", "2020-12-31T23:59:59Z", ], "displayInterval": "P1096D", "selectedTimeDomain": [ "2019-06-01T00:00:00Z", "2020-12-31T23:59:59Z", ], "selectableInterval": "P10960D", "timeSliderControls": true, "maxTooltips": 1, "center": [12, 49], "zoom": 5, "maxZoom": 17, "footprintFillColor": "rgba(0, 0, 0, 0.2)", "footprintStrokeColor": "rgba(0, 0, 0, 1)", "filterFillColor": "rgba(0, 165, 255, 0)", "filterStrokeColor": "rgba(0, 165, 255, 1)", "filterOutsideColor": "rgba(0, 0, 0, 0.5)", "selectedFootprintFillColor": "rgba(255, 0, 0, 0.2)", "selectedFootprintStrokeColor": "rgba(255, 0, 0, 1)", "highlightFillColor": "rgba(246, 182, 0, 0.5)", "highlightStrokeColor": "rgba(246, 182, 0, 1)", "highlightStrokeWidth": 3, "translations": { "en": { "Cloud Cover": "Cloud coverage (%)", "Error: NoApplicableCode": "Search timed out. Please refine the filter criteria.", } }, "filterSettings": { "time": { "hidden": true, } }, "downloadFormats": [ { "name": "TIFF", "mimeType": "image/tiff" }, { "name": "JPEG 2000", "mimeType": "image/jp2" }, { "name": "HDF", "mimeType": "application/x-hdf", }, ], "downloadProjections": [ { "name": "WGS-84", "identifier": "http://www.opengis.net/def/crs/EPSG/0/4326" }, { "name": "Web Mercator", "identifier": "http://www.opengis.net/def/crs/EPSG/0/3857" }, { "name": "ETRS89 / LAEA Europe", "identifier": "http://www.opengis.net/def/crs/EPSG/0/3035" } ], "downloadInterpolations": [ { "name": "Bilinear", "identifier": "http://www.opengis.net/def/interpolation/OGC/1/bilinear" }, { "name": "Nearest Neighbour", "identifier": "http://www.opengis.net/def/interpolation/OGC/1/nearest-neighbour" }, { "name": "Average", "identifier": "http://www.opengis.net/def/interpolation/OGC/1/average" }, ] }, "baseLayers": [ { "id": "terrain-light", "displayName": "EOX Terrain-Light", "display": { "id": "terrain-light", "visible": true, "protocol": "WMTS", "urls": [ "//a.s2maps-tiles.eu/wmts/", "//b.s2maps-tiles.eu/wmts/", "//c.s2maps-tiles.eu/wmts/", "//d.s2maps-tiles.eu/wmts/", "//e.s2maps-tiles.eu/wmts/" ], "matrixSet": "WGS84", "format": "image/png", "projection": "EPSG:4326", "style": "default", "attribution": "Terrain-Light { Data © <a href=\"//www.openstreetmap.org/copyright\" target=\"_blank\">OpenStreetMap</a> contributors and <a href='javascript:;' onClick='toggle(terrain_attribution)'>others</a>, Rendering © <a href=\"//eox.at\" target=\"_blank\">EOX</a> }" } }, { "id": "terrain", "displayName": "EOX Terrain", "display": { "id": "terrain", "visible": false, "protocol": "WMTS", "urls": [ "//a.s2maps-tiles.eu/wmts/", "//b.s2maps-tiles.eu/wmts/", "//c.s2maps-tiles.eu/wmts/", "//d.s2maps-tiles.eu/wmts/", "//e.s2maps-tiles.eu/wmts/" ], "matrixSet": "WGS84", "format": "image/png", "projection": "EPSG:4326", "style": "default", "attribution": "Terrain { Data © <a href=\"//www.openstreetmap.org/copyright\" target=\"_blank\">OpenStreetMap</a> contributors and <a href='javascript:;' onClick='toggle(terrain_attribution)'>others</a>, Rendering © <a href=\"//eox.at\" target=\"_blank\">EOX</a> }" } }, { "id": "s2cloudless", "displayName": "EOX Sentinel-2 cloudless", "display": { "id": "s2cloudless-2018", "visible": false, "protocol": "WMTS", "urls": [ "//a.s2maps-tiles.eu/wmts/", "//b.s2maps-tiles.eu/wmts/", "//c.s2maps-tiles.eu/wmts/", "//d.s2maps-tiles.eu/wmts/", "//e.s2maps-tiles.eu/wmts/" ], "matrixSet": "WGS84", "format": "image/png", "projection": "EPSG:4326", "style": "default", "attribution": "<a xmlns:dct=\"//purl.org/dc/terms/\" href=\"//s2maps.eu\" property=\"dct:title\">Sentinel-2 cloudless - //s2maps.eu</a> by <a xmlns:cc=\"//creativecommons.org/ns#\" href=\"s://eox.at\" property=\"cc:attributionName\" rel=\"cc:attributionURL\">EOX IT Services GmbH</a> (Contains modified Copernicus Sentinel data 2017 & 2018)" } } ], "layers": [ { "id": 'Emergency', "displayName": 'Emergency', "displayColor": '#eb3700', "display": { "id": 'Emergency__TRUE_COLOR', "visible": true, "protocol": 'WMTS', "urls": baseUrlsWMTS, "format": 'image/png', "projection": 'EPSG:4326', "matrixSet": "WGS84", "style": 'default', "useMilliseconds": false, "maxZoom": 17, "options": [{ "name": "Style", "target": "display.extraParameters.LAYERS", "values": [{ "label": "Emergency True Color", "value": "Emergency__TRUE_COLOR", }, { "label": "Emergency False Color", "value": "Emergency__FALSE_COLOR", }, { "label": "Emergency NDVI", "value": "Emergency__NDVI", }] }], }, "search": { "protocol": "OpenSearch", "url": baseUrl + "opensearch/collections/Emergency/", "id": "Emergency", "histogramBinCount": 28, "format": "application/atom+xml", "method": "GET", "histogramThreshold": 600, "lightweightBuckets": true, "searchLimit": 600, "loadMore": 600, "pageSize": 200, "countZeroRecords": true, "parameters": [ { "max": 100, "min": 0, "range": true, "type": "eo:cloudCover", "title": "Cloud Coverage" }, { "type": "geo:uid", "title": "Product ID" }, ], "parametersFilterSettings": { "collapsed": false, }, }, "download": { "protocol": "EO-WCS", "url": baseUrl + "ows", // "method": "GET", "rewrite": { // add __coverage to the coverageId "from": "({{id}})", "to": "$1__coverage" } } }, ], "overlayLayers": [ { "id": "overlay_base", "displayName": "EOX Borders and Labels", "display": { "id": "overlay_base", "visible": false, "protocol": "WMTS", "urls": [ "//a.s2maps-tiles.eu/wmts/", "//b.s2maps-tiles.eu/wmts/", "//c.s2maps-tiles.eu/wmts/", "//d.s2maps-tiles.eu/wmts/", "//e.s2maps-tiles.eu/wmts/" ], "matrixSet": "WGS84", "style": "default", "format": "image/png", "projection": "EPSG:4326", "attribution": "Overlay { Data © <a href=\"//www.openstreetmap.org/copyright\" target=\"_blank\">OpenStreetMap</a> contributors, Rendering © <a href=\"//eox.at\" target=\"_blank\">EOX</a> and <a href=\"//github.com/mapserver/basemaps\" target=\"_blank\">MapServer</a> }" } }, { "id": 'Emergency__outlines', "displayName": 'Emergency Outlines', "displayColor": '#187465', "display": { "id": 'Emergency__outlines', "visible": false, "protocol": 'WMS', "urls": baseUrlsOws, "format": 'image/png', "projection": 'EPSG:4326', "style": 'red', "useMilliseconds": false, "maxZoom": 17, "synchronizeTime": true, }, } ] }; var app = new Application({ config: config, container: document.getElementById('app'), }); app.start(); </script> </body> </html>