Widget:Ol10SeaBodyMapX

Nykyinen versio 7. toukokuuta 2025 kello 17.02

@@ 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/Gjwol3.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 39: / Rivi 37: @@
 			var page = '<!--{$page|escape:'urlpathinfo'}-->';
+			function gotCoords(request) {
+				for (var x in request.query.results) {
+					var resultItem = request.query.results[x].printouts; break;
+				}
-			var layersArr = [];
+				var lon = resultItem.KoordIta[0];
+				var lat = resultItem.KoordPohj[0];
+				var zoom = parseInt(resultItem.Zoom[0]);
+				if (typeof resultItem.Base[0] != 'undefined') {
+					var base = resultItem.Base[0]
+				} else {
+					var base = 'osm';
+				}
+				var vpdArr = resultItem.VPDTunnus;
+//console.log(vpdArr);
+				var searchForVPDs = '';
+				for (li in vpdArr) {
+					if (searchForVPDs.length > 0) { searchForVPDs += ' OR '; }
+					searchForVPDs += "VPDTunnus = '" + vpdArr[li] + "'";
+				}
+				//console.log( searchForVPDs );
+				var layersArr = [];
 				layersArr.push({
 					'type': 'seabody',
 					'name': 'Merialue',
-					'search': "",
+					'search': searchForVPDs,
+					//'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>',
 					'visible': true,
 					'opacitySlider': true,
 					'showLabels': false,
 					'selectable': false,
-					'zoomToExtent': false,
+					'zoomToExtent': true
-'bbox': false
 				});
+				layersArr.push({
+					'type': 'sitesNobses',
+					'name': 'Paikat ja havainnot',
+					'siteSearch': "[[Alue::" + decodeURI(page) + "]]",
+					'obsSearch': "[[Alue::" + decodeURI(page) + "]][[obsCode::ice||snow||temp||alg]]",
+					'obsDays': 10,
+					'opacitySlider': false,
+					'selectable': true,
+					'zoomToExtent': false
+				});
 				// do the base map with these settings
-				var map = ol3_jwMakeMap({
+				var map = jwMakeMap({
 					'container': '<!--{$id|default:CommonObsMap|escape:'html'}-->_container',
-					'base': 'mmlTausta',
+					'base': base,
-					'lon':  25,
+					'lon':  lon,
-					'lat': 60,
+					'lat': lat,
-					'zoom': 8,
+					'zoom': zoom,
+					'geolocation': true,
 					'layers': layersArr,
 					'memo': memo
 				});
 			}
+			var searchStr = 'action=ask&query=[[' + page + ']]';
+			searchStr += encodeURI('|?KoordPohj|?KoordIta|?Zoom|?Base|?VPDTunnus');
+			searchStr += '&format=json';
+			jQuery.ajax({
+				type: 'GET',
+				url: queryApi,
+				data: searchStr,
+				success: gotCoords,
+				dataType: 'jsonp',
+				cache: true
+			});
+		}
 	</script>
 </includeonly>