adding web map

MahsaAll · Dec 16, 2024 · e4d94e3 · e4d94e3
1 parent 18ab887
commit e4d94e3
Show file tree

Hide file tree

Showing 61 changed files with 4,778 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,64 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
+        <meta name="mobile-web-app-capable" content="yes">
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <link rel="stylesheet" href="./resources/ol.css">
+        <link rel="stylesheet" href="resources/fontawesome-all.min.css">
+        <link rel="stylesheet" href="./resources/ol-layerswitcher.css">
+        <link rel="stylesheet" href="./resources/qgis2web.css">
+        <style>
+        html, body {
+            background-color: #ffffff;
+        }
+        .ol-control > * {
+            background-color: #f8f8f8!important;
+            color: #444444!important;
+            border-radius: 0px;
+        }
+        .ol-attribution a, .gcd-gl-input::placeholder, .search-layer-input-search::placeholder {
+            color: #444444!important;
+        }
+        .search-layer-input-search {
+            background-color: #f8f8f8!important;
+        }
+        .ol-control > *:focus, .ol-control >*:hover {
+            background-color: rgba(248, 248, 248, 0.7)!important;
+        } 
+        .ol-control {
+            background-color: rgba(255,255,255,.4) !important;
+            padding: 2px !important;
+        } 
+        </style>
+
+        <style>
+        html, body, #map {
+            width: 100%;
+            height: 100%;
+            padding: 0;
+            margin: 0;
+        }
+        </style>
+        <title></title>
+    </head>
+    <body>
+        <div id="map">
+            <div id="popup" class="ol-popup">
+                <a href="#" id="popup-closer" class="ol-popup-closer"></a>
+                <div id="popup-content"></div>
+            </div>
+        </div>
+        <script src="resources/qgis2web_expressions.js"></script>
+        <script src="./resources/functions.js"></script>
+        <script src="./resources/ol.js"></script>
+        <script src="./resources/ol-layerswitcher.js"></script>
+        <script src="layers/Cumulativeuvexposureperstatisticalarealevel1_1.js"></script><script src="layers/Averageuvexposurepernetworklink_2.js"></script><script src="layers/Localgovernmentareas_3.js"></script>
+        <script src="styles/Cumulativeuvexposureperstatisticalarealevel1_1_style.js"></script><script src="styles/Averageuvexposurepernetworklink_2_style.js"></script><script src="styles/Localgovernmentareas_3_style.js"></script>
+        <script src="./layers/layers.js" type="text/javascript"></script> 
+        <script src="./resources/Autolinker.min.js"></script>
+        <script src="./resources/qgis2web.js"></script>
+    </body>
+</html>
diff --git a/layers/Averageuvexposurepernetworklink_2.js b/layers/Averageuvexposurepernetworklink_2.js
diff --git a/layers/Cumulativeuvexposureperstatisticalarealevel1_1.js b/layers/Cumulativeuvexposureperstatisticalarealevel1_1.js
diff --git a/layers/Localgovernmentareas_3.js b/layers/Localgovernmentareas_3.js
diff --git a/layers/layers.js b/layers/layers.js
@@ -0,0 +1,93 @@
+var wms_layers = [];
+
+
+        var lyr_OpenStreetMap_0 = new ol.layer.Tile({
+            'title': 'OpenStreetMap',
+            'opacity': 0.400000,
+
+
+            source: new ol.source.XYZ({
+            attributions: ' ',
+                url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png'
+            })
+        });
+var format_Cumulativeuvexposureperstatisticalarealevel1_1 = new ol.format.GeoJSON();
+var features_Cumulativeuvexposureperstatisticalarealevel1_1 = format_Cumulativeuvexposureperstatisticalarealevel1_1.readFeatures(json_Cumulativeuvexposureperstatisticalarealevel1_1, 
+            {dataProjection: 'EPSG:4326', featureProjection: 'EPSG:3857'});
+var jsonSource_Cumulativeuvexposureperstatisticalarealevel1_1 = new ol.source.Vector({
+    attributions: ' ',
+});
+jsonSource_Cumulativeuvexposureperstatisticalarealevel1_1.addFeatures(features_Cumulativeuvexposureperstatisticalarealevel1_1);
+var lyr_Cumulativeuvexposureperstatisticalarealevel1_1 = new ol.layer.Vector({
+                declutter: false,
+                source:jsonSource_Cumulativeuvexposureperstatisticalarealevel1_1, 
+                style: style_Cumulativeuvexposureperstatisticalarealevel1_1,
+                popuplayertitle: "Cumulative uv exposure per statistical area level 1",
+                interactive: true,
+    title: 'Cumulative uv exposure per statistical area level 1<br />\
+    <img src="styles/legend/Cumulativeuvexposureperstatisticalarealevel1_1_0.png" /> 1.5 to 7.6 mins<br />\
+    <img src="styles/legend/Cumulativeuvexposureperstatisticalarealevel1_1_1.png" /> 7.6 to 10.8 mins<br />\
+    <img src="styles/legend/Cumulativeuvexposureperstatisticalarealevel1_1_2.png" /> 10.8 to 13.2 mins<br />\
+    <img src="styles/legend/Cumulativeuvexposureperstatisticalarealevel1_1_3.png" /> 13.2 to 15.6 mins<br />\
+    <img src="styles/legend/Cumulativeuvexposureperstatisticalarealevel1_1_4.png" /> 15.6 to 18.2 mins<br />\
+    <img src="styles/legend/Cumulativeuvexposureperstatisticalarealevel1_1_5.png" /> 18.2 to 21 mins<br />\
+    <img src="styles/legend/Cumulativeuvexposureperstatisticalarealevel1_1_6.png" /> 21 to 24.2 mins<br />\
+    <img src="styles/legend/Cumulativeuvexposureperstatisticalarealevel1_1_7.png" /> 24.2 to 27.9 mins<br />\
+    <img src="styles/legend/Cumulativeuvexposureperstatisticalarealevel1_1_8.png" /> 27.9 to 32.3 mins<br />\
+    <img src="styles/legend/Cumulativeuvexposureperstatisticalarealevel1_1_9.png" /> 32.3 to 41.7 mins<br />'
+        });
+var format_Averageuvexposurepernetworklink_2 = new ol.format.GeoJSON();
+var features_Averageuvexposurepernetworklink_2 = format_Averageuvexposurepernetworklink_2.readFeatures(json_Averageuvexposurepernetworklink_2, 
+            {dataProjection: 'EPSG:4326', featureProjection: 'EPSG:3857'});
+var jsonSource_Averageuvexposurepernetworklink_2 = new ol.source.Vector({
+    attributions: ' ',
+});
+jsonSource_Averageuvexposurepernetworklink_2.addFeatures(features_Averageuvexposurepernetworklink_2);
+var lyr_Averageuvexposurepernetworklink_2 = new ol.layer.Vector({
+                declutter: false,
+                source:jsonSource_Averageuvexposurepernetworklink_2, 
+                style: style_Averageuvexposurepernetworklink_2,
+                popuplayertitle: "Average uv exposure per network link",
+                interactive: true,
+    title: 'Average uv exposure per network link<br />\
+    <img src="styles/legend/Averageuvexposurepernetworklink_2_0.png" /> 0 to 0.4 mins<br />\
+    <img src="styles/legend/Averageuvexposurepernetworklink_2_1.png" /> 0.4 to 0.6 mins<br />\
+    <img src="styles/legend/Averageuvexposurepernetworklink_2_2.png" /> 0.6 to 0.8 mins<br />\
+    <img src="styles/legend/Averageuvexposurepernetworklink_2_3.png" /> 0.8 to 1.1 mins<br />\
+    <img src="styles/legend/Averageuvexposurepernetworklink_2_4.png" /> 1.1 to 1.4 mins<br />\
+    <img src="styles/legend/Averageuvexposurepernetworklink_2_5.png" /> 1.4 to 1.8 mins<br />\
+    <img src="styles/legend/Averageuvexposurepernetworklink_2_6.png" /> 1.8 to 2.3 mins<br />\
+    <img src="styles/legend/Averageuvexposurepernetworklink_2_7.png" /> 2.3 to 2.9 mins<br />\
+    <img src="styles/legend/Averageuvexposurepernetworklink_2_8.png" /> 2.9 to 3.8 mins<br />\
+    <img src="styles/legend/Averageuvexposurepernetworklink_2_9.png" /> 3.8 to 7.1 mins<br />'
+        });
+var format_Localgovernmentareas_3 = new ol.format.GeoJSON();
+var features_Localgovernmentareas_3 = format_Localgovernmentareas_3.readFeatures(json_Localgovernmentareas_3, 
+            {dataProjection: 'EPSG:4326', featureProjection: 'EPSG:3857'});
+var jsonSource_Localgovernmentareas_3 = new ol.source.Vector({
+    attributions: ' ',
+});
+jsonSource_Localgovernmentareas_3.addFeatures(features_Localgovernmentareas_3);
+var lyr_Localgovernmentareas_3 = new ol.layer.Vector({
+                declutter: false,
+                source:jsonSource_Localgovernmentareas_3, 
+                style: style_Localgovernmentareas_3,
+                popuplayertitle: "Local government areas",
+                interactive: true,
+                title: '<img src="styles/legend/Localgovernmentareas_3.png" /> Local government areas'
+            });
+
+lyr_OpenStreetMap_0.setVisible(true);lyr_Cumulativeuvexposureperstatisticalarealevel1_1.setVisible(true);lyr_Averageuvexposurepernetworklink_2.setVisible(false);lyr_Localgovernmentareas_3.setVisible(true);
+var layersList = [lyr_OpenStreetMap_0,lyr_Cumulativeuvexposureperstatisticalarealevel1_1,lyr_Averageuvexposurepernetworklink_2,lyr_Localgovernmentareas_3];
+lyr_Cumulativeuvexposureperstatisticalarealevel1_1.set('fieldAliases', {'ogc_fid': 'ogc_fid', 'sa1_code21': 'sa1_code21', 'exposure': 'exposure', 'lga': 'lga', });
+lyr_Averageuvexposurepernetworklink_2.set('fieldAliases', {'ogc_fid': 'ogc_fid', 'link_id': 'link_id', 'exposure': 'exposure', });
+lyr_Localgovernmentareas_3.set('fieldAliases', {'ogc_fid': 'ogc_fid', 'lga': 'lga', });
+lyr_Cumulativeuvexposureperstatisticalarealevel1_1.set('fieldImages', {'ogc_fid': 'TextEdit', 'sa1_code21': 'TextEdit', 'exposure': 'TextEdit', 'lga': 'TextEdit', });
+lyr_Averageuvexposurepernetworklink_2.set('fieldImages', {'ogc_fid': 'TextEdit', 'link_id': 'TextEdit', 'exposure': 'TextEdit', });
+lyr_Localgovernmentareas_3.set('fieldImages', {'ogc_fid': 'TextEdit', 'lga': 'TextEdit', });
+lyr_Cumulativeuvexposureperstatisticalarealevel1_1.set('fieldLabels', {'ogc_fid': 'hidden field', 'sa1_code21': 'hidden field', 'exposure': 'inline label - visible with data', 'lga': 'inline label - visible with data', });
+lyr_Averageuvexposurepernetworklink_2.set('fieldLabels', {'ogc_fid': 'hidden field', 'link_id': 'hidden field', 'exposure': 'inline label - visible with data', });
+lyr_Localgovernmentareas_3.set('fieldLabels', {'ogc_fid': 'hidden field', 'lga': 'inline label - visible with data', });
+lyr_Localgovernmentareas_3.on('precompose', function(evt) {
+    evt.context.globalCompositeOperation = 'normal';
+});
diff --git a/resources/Autolinker.min.js b/resources/Autolinker.min.js
diff --git a/resources/Autolinker.min.js.map b/resources/Autolinker.min.js.map