EOX GitLab Instance

Skip to content
Snippets Groups Projects
index.html 8.2 KiB
Newer Older
Stephan's avatar
Stephan committed
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <meta charset="UTF-8">
Mussab Abdalla's avatar
Mussab Abdalla committed
  <title>PRISM View Service</title>
Stephan's avatar
Stephan committed
  <link rel="icon" href="//eox.at/wp-content/uploads/2015/06/cropped-eox_eye-192x192.png" sizes="192x192" />
  <link rel="apple-touch-icon-precomposed" href="//eox.at/wp-content/uploads/2015/06/cropped-eox_eye-180x180.png" />
</head>
<body>
  <header id="header" style="width: 100%; height:70px;">
    <h3 style="width:100%;text-align:center;
Mussab Abdalla's avatar
Mussab Abdalla committed
    color: #006699;">PRISM View Service (PVS) Client powered by
Stephan's avatar
Stephan committed
    <a href="//eox.at"><img src="//eox.at/wp-content/uploads/2017/09/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 config = {
    "settings": {
        "rightPanelOpen": true,
        "leftPanelOpen": false,
        "leftPanelTabIndex": 0,
        "tutorial": "once",
        "uploadEnabled": false,
        "selectFilesDownloadEnabled": false,
        "downloadEnabled": true,
        "searchEnabled" : true,
        "searchDebounceTime": 500,
        "language": "en",
        "timeDomain": [
            "2017-01-01T00:00:00Z",
            "2019-12-31T23:59:59Z",
        ],
        "constrainTimeDomain": true,
        "displayTimeDomain": [
            "2018-08-01T00:00:00Z",
            "2018-10-01T00:00:00Z",
        ],
        "displayInterval": "P1096D",
        "selectedTimeDomain": [
            "2018-08-25T00:00:00Z",
            "2018-09-05T00:00:00Z",
        ],
        "selectableInterval": "P1096D",
        "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": "Cubic",
            //     "identifier": "http://www.opengis.net/def/interpolation/OGC/1/cubic"
            // },
            // {
            //     "name": "Cubic Spline",
            //     "identifier": "http://www.opengis.net/def/interpolation/OGC/1/cubic-spline"
            // },
            {
                "name": "Average",
                "identifier": "http://www.opengis.net/def/interpolation/OGC/1/average"
            },
            // {
            //     "name": "Lanczos",
            //     "identifier": "http://www.opengis.net/def/interpolation/OGC/1/lanczos"
            // },
            // {
            //     "name": "Mode",
            //     "identifier": "http://www.opengis.net/def/interpolation/OGC/1/mode"
            // },
        ]
    },
    "baseLayers": [
        {
            "id": "terrain-light",
            "displayName": "EOX Terrain-Light",
            "display": {
                "id": "terrain-light",
                "visible": true,
                "protocol": "WMTS",
                "urls": [
                    "//d.s2maps-tiles.eu/wmts/",
                    "//e.s2maps-tiles.eu/wmts/"
                ],
                "matrixSet": "WGS84",
                "format": "image/png",
                "projection": "EPSG:4326",
                "style": "default",
                "attribution": "Terrain-Light { Data &copy; <a href=\"//www.openstreetmap.org/copyright\" target=\"_blank\">OpenStreetMap</a> contributors and <a href='javascript:;' onClick='toggle(terrain_attribution)'>others</a>, Rendering &copy; <a href=\"//eox.at\" target=\"_blank\">EOX</a> }"
            }
        }, {
            "id": "terrain",
            "displayName": "EOX Terrain",
            "display": {
                "id": "terrain",
                "visible": false,
                "protocol": "WMTS",
                "urls": [
                    "//d.s2maps-tiles.eu/wmts/",
                    "//e.s2maps-tiles.eu/wmts/"
                ],
                "matrixSet": "WGS84",
                "format": "image/png",
                "projection": "EPSG:4326",
                "style": "default",
                "attribution": "Terrain { Data &copy; <a href=\"//www.openstreetmap.org/copyright\" target=\"_blank\">OpenStreetMap</a> contributors and <a href='javascript:;' onClick='toggle(terrain_attribution)'>others</a>, Rendering &copy; <a href=\"//eox.at\" target=\"_blank\">EOX</a> }"
            }
        },  {
            "id": "s2cloudless",
            "displayName": "EOX Sentinel-2 cloudless",
            "display": {
                "id": "s2cloudless-2018",
                "visible": false,
                "protocol": "WMTS",
                "urls": [
                    "//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 &amp; 2018)"
            }
        }
    ],
    "layers": [
        {
        },
    ],
    "overlayLayers": [
        {
            "id": "overlay_base",
            "displayName": "EOX Borders and Labels",
            "display": {
                "id": "overlay_base",
                "visible": false,
                "protocol": "WMTS",
                "urls": [
                    "//d.tiles.maps.eox.at/wmts/",
                    "//e.tiles.maps.eox.at/wmts/"
                ],
                "matrixSet": "WGS84",
                "style": "default",
                "format": "image/png",
                "projection": "EPSG:4326",
                "attribution": "Overlay { Data &copy; <a href=\"//www.openstreetmap.org/copyright\" target=\"_blank\">OpenStreetMap</a> contributors, Rendering &copy; <a href=\"//eox.at\" target=\"_blank\">EOX</a> and <a href=\"//github.com/mapserver/basemaps\" target=\"_blank\">MapServer</a> }"
            }
        }
    ]
};

    var app = new Application({
      config: config,
      container: document.getElementById('app'),
    });
    app.start();
  </script>
</body>
</html>