Widget:Ol10BaroMap

Nykyinen versio 7. toukokuuta 2025 kello 16.01

@@ Rivi 1: / Rivi 1: @@
 <includeonly>
-	<link rel="stylesheet" href="/scripts/ol3/ol.css" type="text/css">
-    	<script src="//cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
+	<link rel="stylesheet" href="/scripts/ol-10/ol.css" type="text/css">
-	<script src="/scripts/ol3/ol.js"></script>
+ 	<script src="/scripts/ol-10/ol.js"></script>
-	<link rel="stylesheet" href="/scripts/ol-ext/dist/ol-ext.min.css" type="text/css">
+	<link rel="stylesheet" href="/scripts/ol-ext-10/dist/ol-ext.min.css" type="text/css">
-	<script src="/scripts/ol-ext/dist/ol-ext.min.js"></script>
+	<script src="/scripts/ol-ext-10/dist/ol-ext.min.js"></script>
-	<link rel="stylesheet" href="/scripts/ol-ext/overlay/popupoverlay.css" />
-	<link rel="stylesheet" href="/scripts/ol-ext/overlay/popupoverlay.anim.css" />
 	<script src="/scripts/proj4js/dist/proj4.js"></script>
-<script src="/scripts/jwol3js/jwol3.js"></script>
+	<script src="/scripts/jwol10js/jwol10.js"></script>
-	<div class="jwMapContainer" style="height:<!--{$height|default:500|escape:'html'}-->px" >
+	<div class="jwMapContainer" style="height:<!--{$height|default:500px|escape:'html'}-->" >
 		<div style="height: 100%; width: 100%; position: relative;" id="<!--{$id|default:CommonObsMap|escape:'html'}-->_container"></div>
 	</div>
@@ Rivi 78: / Rivi 76: @@
 				var layersArr = [];
+/*
 				layersArr.push({
 					'type': 'drainage',
@@ Rivi 90: / Rivi 88: @@
 					'zoomToExtent': false
 				});
+*/
 				layersArr.push({
 					'type': 'lake',
@@ Rivi 99: / Rivi 97: @@
 					'opacitySlider': true,
 					'showLabels': false,
+					'fillColor': 'rgba( 255, 255, 255, 0.75 )',
 					'selectable': false,
 					'zoomToExtent': true
 				});
+/*
 				layersArr.push({
 					'type': 'syvyysalue',
@@ Rivi 113: / Rivi 112: @@
 					'zoomToExtent': false
 				});
+*/
+/*
 				layersArr.push({
 					'type': 'syvinpiste',
@@ Rivi 124: / Rivi 124: @@
 					'zoomToExtent': false
 				});
+*/
+				layersArr.push({
+					'type': 'alerts',
+					'name': 'Varoitukset',
+					'obsSearch': "[[Alue::" + decodeURI(page) + "]][[ObsCode::alert]]",
+					'obsDays': 150,
+					'attribution': 'Varoitukset: Järvi-meriwiki',
+					'opacitySlider': false,
+					'obstypebar': false,
+					'selectable': true,
+					'clustered': false,
+					'zoomToExtent': false
+				});
 				layersArr.push({
 					'type': 'sitesNobses',
@@ Rivi 130: / Rivi 144: @@
 					//'siteSearch': "[[Alue::" + decodeURI(page) + "]]",
 					'obsSearch': "[[Alue::" + decodeURI(page) + "]][[obsCode::ice]]",
-					'obsDays': 10,
+					'obsDays': 7,
 					'attribution': 'Paikat ja havainnot: Järvi-meriwiki',
 					'opacitySlider': false,
@@ Rivi 138: / Rivi 152: @@
 				});
-				//layersArr.push({ 'type': 'geoloc', 'name': 'Sijaintisi', 'show': true, 'center': false, 'zoom': 12, 'track': false });
 				// do the base map with these settings
-				var map = ol3_jwMakeMap({
+				var map = jwMakeMap({
 					'container': '<!--{$id|default:CommonObsMap|escape:'html'}-->_container',
 					'base': base,
@@ Rivi 147: / Rivi 160: @@
 					'lat': lat,
 					'zoom': zoom,
+					'geolocation': true,
 					'layers': layersArr,
 					'memo': memo