Widget:Ol10MuniMap

Nykyinen versio 17. heinäkuuta 2025 kello 11.40

@@ 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-10/dist/ol-ext.min.css" type="text/css">
+	<script src="/scripts/ol-ext-10/dist/ol-ext.min.js"></script>
 	<script src="/scripts/proj4js/dist/proj4.js"></script>
-	<script src="/scripts/jwol3js/jwol3.js"></script>
-	<link rel="stylesheet" href="/scripts/ol-ext/dist/ol-ext.min.css" type="text/css">
+	<script src="/scripts/jwol10js/jwol10.js"></script>
-	<script src="/scripts/ol-ext/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" />
-	<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>
 	<script type="text/javascript">
 		//global memory for widget instance
 		var <!--{$id|default:CommonObsMap|escape:'html'}-->_memo =  { 'SitesO': {}, 'TypesO': {}, 'obsTypeToShow': '' };
 		function <!--{$id|default:CommonObsMap|escape:'html'}-->_jQueryTest() {
-	if ( typeof window.jQuery == 'undefined' ) {
+			if ( typeof window.jQuery == 'undefined' ) {
-    		setTimeout( function(){ <!--{$id|default:CommonObsMap|escape:'html'}-->_jQueryTest() }, 300);
+    				setTimeout( function(){ <!--{$id|default:CommonObsMap|escape:'html'}-->_jQueryTest() }, 300);
-  	} else {
+		  	} else {
-  		<!--{$id|default:CommonObsMap|escape:'html'}-->_func();
+		  		<!--{$id|default:CommonObsMap|escape:'html'}-->_func();
-  	}
+		  	}
-}
+		}
-setTimeout( function(){ <!--{$id|default:CommonObsMap|escape:'html'}-->_jQueryTest() }, 300);
+		setTimeout( function(){ <!--{$id|default:CommonObsMap|escape:'html'}-->_jQueryTest() }, 300);
 		function <!--{$id|default:CommonObsMap|escape:'html'}-->_func() {
@@ Rivi 43: / Rivi 42: @@
 			var base = '<!--{$base|default:mmlTausta|escape:'html'}-->';
-			var layersArr = [];
+			function gotSeaVPDs(request) {
+				var layersArr = [];
-			layersArr.push( {
+				layersArr.push( {
-				'id': 'muni',
+					'id': 'muni',
-				'type': 'anyrest',
+					'type': 'anyrest',
-				'name': 'Kunta',
+					'name': 'Kunta',
-				'restUrl': '//paikkatieto.ymparisto.fi/arcgis/rest/services/LAPIO/LAPIO_Hallrajat/MapServer/0/query',
+					'restUrl': '//paikkatieto.ymparisto.fi/arcgis/rest/services/sykemaps/GISAineistot2/MapServer/0/query',
-				'search': "KuntaNimi = '" + muni + "'",
+					'search': "KuntaNimi = '" + muni + "'",
-				'selectable': false,
+					'selectable': false,
-				'zoomToExtent': true,
+					'zoomToExtent': true,
-				'bbox': false,
+					'bbox': false,
-				//'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>',
+					'fillColor': 'rgba( 0, 0, 0, 0 )',
-			});
+					'strokeColor': 'rgba( 200, 100, 100, 0.5 )',
+					'strokeWidth': 5
+					//'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>',
+				});
+			var filterlayer = layersArr[ layersArr.length - 1 ];
-			layersArr.push(	{
+				if ( typeof request.query.results != 'undefined' ) {
-				'type': 'jwanypage',
-				'name': 'Järvet',
+					var vpdsearchA = [];
-				'search': '[[Luokka:Järvi]][[Kunta::' + page + ']]',
-				//'opacitySlider': true,
+					for ( var r in request.query.results ) {
-				//'showLabels': false,
+						vpdsearchA.push( "VPDTunnus = '" + request.query.results[ r ].printouts.VPDTunnus[0] + "'" );
+					}
+					if ( vpdsearchA.length > 0 ) {
+						layersArr.push( {
+							'id': 'seavpd',
+							'type': 'seabody',
+							'name': 'Merialueet',
+							'search': vpdsearchA.join( ' OR ' ),
+							'selectable': true,
+							'zoomToExtent': false,
+							'bbox': false,
+							//'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>',
+						});
+					}
+				}
+				layersArr.push(	{
+					'type': 'jwanypage',
+					'name': 'Järvet',
+					'search': '[[Luokka:Järvi]][[Kunta::' + page + ']]',
+					//'opacitySlider': true,
+					//'showLabels': false,
+					'selectable': true,
+					'clustered': true,
+					'pointRadius': 5,
+					//'maxResolution': 500,
+					'label': 'J',
+					//'zoomToExtent': false
+				} );
+			layersArr.push({
+				'type': 'coo311',
+				'name': 'Vesi.fi-havainnot',
+				'service_code': 'algaebloom_service_code_201808151546171',
+				'hashtags': '_VesiFiObservation',
+				'days': 7,
 				'selectable': true,
-				'clustered': true,
+				'clustered': false,
-				'pointRadius': 5,
+				'pointRadius': 8,
-				//'maxResolution': 500,
+				'obsesColors': { type: 'cat', 'attribute': 'algaebloom_singlevaluelist_201808151546174', values: [ { key: 1, color: '#308fb3' }, { key: 2, color: '#8db335' }, { key: 3, color: '#f1cb00' }, { key: 4, color: '#ce0000' } ] },
-				'label': 'J',
+				'zoomToExtent': false,
-				//'zoomToExtent': false
+				'filter': filterlayer,
-			} );
+				'visible': true
+			});
-			layersArr.push( {
-				'type': 'sitesNobses',
+				layersArr.push( {
-				'name': 'Paikat ja havainnot',
+					'type': 'sitesNobses',
-				//'siteSearch': '[[Kunta::' + page + ']]',
+					'name': 'Paikat ja havainnot',
-				'obsSearch': '[[Kunta::' + page + ']][[obsCode::ice||snow||temp||alg||img]]',
+					//'siteSearch': '[[Kunta::' + page + ']]',
-				'obsDays': 7,
+					'obsSearch': '[[Kunta::' + page + ']][[obsCode::ice||snow||temp||alg||img]]',
-				//'attribution': 'Havainnot: Järvi-meriwiki',
+					'obsDays': 7,
-				'opacitySlider': false,
+					'vesifi': false,
-				'selectable': true,
+					//'attribution': 'Havainnot: Järvi-meriwiki',
-				'zoomToExtent': false
+					'opacitySlider': false,
+					'selectable': true,
+					'zoomToExtent': false
+				});
+				// do the base map with these settings
+				var map = jwMakeMap({
+					'container': '<!--{$id|default:CommonObsMap|escape:'html'}-->_container',
+					'base': base,
+					'lon':  lon,
+					'lat': lat,
+					'zoom': zoom,
+					'geolocation': true,
+					'layers': layersArr,
+					'memo': memo
+				});
+			}
+			var searchStr = 'action=ask&query=[[Luokka:Merialue]][[Kunta::' + page + ']]';
+			searchStr += encodeURI('|?VPDTunnus');
+			searchStr += '&format=json';
+			jQuery.ajax({
+				type: 'GET',
+				url: queryApi,
+				data: searchStr,
+				success: gotSeaVPDs,
+				dataType: 'jsonp',
+			       	cache: true
 			});
-			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({
-				'container': '<!--{$id|default:CommonObsMap|escape:'html'}-->_container',
-				'base': base,
-				'lon':  lon,
-				'lat': lat,
-				'zoom': zoom,
-				'layers': layersArr,
-				'memo': memo
-			});
 		}
 	</script>
 </includeonly>