Widget:Ol10SiteMap

Nykyinen versio 23. syyskuuta 2025 kello 10.54

@@ Rivi 1: / Rivi 1: @@
 <includeonly>
-	<link rel="stylesheet" href="/scripts/ol3/ol.css" type="text/css">
+	<link rel="stylesheet" href="/scripts/ol-10/ol.css" type="text/css">
-    	<script src="//cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
+ 	<script src="/scripts/ol-10/ol.js"></script>
-	<script src="/scripts/ol3/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:TheSiteMap|escape:'html'}-->_container"></div>
 	</div>
@@ Rivi 55: / Rivi 52: @@
 				var siteid = resultItem.SiteID[0];
 				if (zoom == 0) {
 					if (typeof resultItem.Zoom[0] != 'undefined') { zoom = parseInt(resultItem.Zoom[0]); } else { zoom = 15; }
@@ Rivi 64: / Rivi 61: @@
 				}
-				var layersArr = [];
+				var alue = resultItem.Alue;
+				var alueet = [];
+				for (var ai in resultItem.Alue ) {
+					alueet.push( resultItem.Alue[ai].fulltext );
+				}
-				//layersArr.push({ 'type': 'geoloc', 'name': 'Sijaintisi', 'show': true, 'center': false, 'zoom': 12, 'track': false });
+			    var searchStr2 = 'action=ask&query=[[' + alueet.join('||') + ']]';
+				searchStr2 += encodeURI('|?Järvinumero|?JarviNro');
-				layersArr.push({
+				searchStr2 += '&format=json';
-					'type': 'sitesNobses',
-					'name': 'Paikka',
+				jQuery.ajax({
-					'siteSearch': "[[SiteID::" + siteid + "]]",
+					type: 'GET',
-					'obsSearch': "[[SiteID::" + siteid + "]][[obsCode::ice||snow||temp||alg]]",
+					url: queryApi,
-					'vesifi': false,
+					data: searchStr2,
-					'obsDays': 10,
+					success: gotLakeNr,
-					'opacitySlider': false,
+					dataType: 'jsonp',
-					'selectable': selectable,
+			       	cache: true
-					'zoomToExtent': false,
+				});
-					attribution: ''
-				});
+				function gotLakeNr( req2 ) {
+					var vesalIdObj = {};
+					var searchForLakes = '';
+					for ( var ri in req2.query.results ) {
+						resultItem = req2.query.results[ri].printouts;
+						lakeIdArr = resultItem.Järvinumero;
+						lakeNrArr = resultItem.JarviNro;
+						for (li in lakeIdArr) {
+							if (searchForLakes.length > 0) { searchForLakes += ' OR '; }
+							searchForLakes += "JarviTunnus='" + lakeIdArr[li] + "'";
+							vesalIdObj[lakeIdArr[li].split('.').slice(0,-2).join('.')] = lakeIdArr[li].split('.').slice(0,-2).join('.');
+						}
+						for (li in lakeNrArr) {
+							if (searchForLakes.length > 0) { searchForLakes += ' OR '; }
+							searchForLakes += "jarvinro=" + lakeNrArr[li];
+						}
+					}
+					var layersArr = [];
+					if ( searchForLakes != '' ) {
-				// do the base map with these settings
+						layersArr.push({
-				var map = ol3_jwMakeMap({
+							'type': 'syvyysalue',
-					'container': '<!--{$id|default:TheSiteMap|escape:'html'}-->_container',
+							'name': 'Syvyysalueet',
-					'base': base,
+							'search': searchForLakes,
-					'lon':  lon,
+							'opacitySlider': false,
-					'lat': lat,
+							'showLabels': false,
-					'zoom': zoom,
+							'selectable': true,
-					'layers': layersArr,
+							'zoomToExtent': false
-					'memo': memo
+						});
-				});
+					}
+					layersArr.push({
+						'type': 'sitesNobses',
+						'name': 'Paikka',
+						'siteSearch': "[[SiteID::" + siteid + "]]",
+						'obsSearch': "[[SiteID::" + siteid + "]][[obsCode::ice||snow||temp||alg]]",
+						'vesifi': false,
+						'obsDays': 10,
+						'opacitySlider': false,
+						'selectable': selectable,
+						'zoomToExtent': false,
+						'attribution': ''
+					});
+console.log( layersArr );
+					// do the base map with these settings
+					var map = jwMakeMap({
+						'container': '<!--{$id|default:TheSiteMap|escape:'html'}-->_container',
+						'base': base,
+						'lon':  lon,
+						'lat': lat,
+						'zoom': zoom,
+						'geolocation': true,
+						'layers': layersArr,
+						'memo': memo
+					});
-				if (jQuery("#frontpagecard_image").length > 0) {
+					if (jQuery("#frontpagecard_image").length > 0) {
-					jQuery('#<!--{$id|default:TheSiteMap|escape:'html'}-->_container').parent().height(jQuery("#frontpagecard_image").find('img').height());
+						jQuery('#<!--{$id|default:TheSiteMap|escape:'html'}-->_container').parent().height(jQuery("#frontpagecard_image").find('img').height());
-					map.updateSize();
+						map.updateSize();
+					}
 				}
 			}