Widget:JwLakeCardMaps

Nykyinen versio 12. kesäkuuta 2025 kello 13.20

@@ Rivi 17: / Rivi 17: @@
 			setTimeout( <!--{$id|default:CardMap|escape:'html'}-->_jQueryTest, 300);
 			function <!--{$id|default:CardMap|escape:'html'}-->_func() {
 				if ( typeof window.jwcardmap == 'undefined' ) {
@@ Rivi 23: / Rivi 23: @@
 					window.jwcardmap = {};
-					css_link = jQuery( "<link>", { rel: "stylesheet", type: "text/css", href: "//www.jarviwiki.fi/scripts/ol-10/ol.css" });
+					loadCSS( "//www.jarviwiki.fi/scripts/ol-10/ol.css" );
-					css_link.appendTo('head');
+					loadCSS( "//www.jarviwiki.fi/scripts/ol-ext-10/dist/ol-ext.min.css" );
-					css_link = jQuery( "<link>", { rel: "stylesheet", type: "text/css", href: "//www.jarviwiki.fi/scripts/ol-ext-10/dist/ol-ext.min.css" });
-					css_link.appendTo('head');
+					var lc = 0;
+					if ( typeof window.ol == 'undefined' ) {
-					//jQuery.getScript( "/scripts/ol-10/ol.js", function() {
+						lc++;
-						//jQuery.getScript( "/scripts/ol-ext-10/dist/ol-ext.min.js", function() {
+						jQuery.getScript( "/scripts/ol-10/ol.js", function() {
-							//jQuery.getScript( '/scripts/proj4js/dist/proj4.js', function() {
+							jQuery.getScript( "/scripts/ol-ext-10/dist/ol-ext.min.js", function() {
-								//jQuery.getScript( '/scripts/jwol10js/jwol10.js', function() {
+								jQuery.getScript( '/scripts/proj4js/dist/proj4.js', function() {
-									<!--{$id|default:CardMap|escape:'html'}-->allReady();
+									jQuery.getScript( '/scripts/jwol10js/jwol10.js', function() {
-								//});
+										<!--{$id|default:CardMap|escape:'html'}-->ldone();
-							//});
+									});
-						//});
+								});
-					//});
+							});
+						});
+					}
+					<!--{$id|default:CardMap|escape:'html'}-->ldone();
+					function <!--{$id|default:CardMap|escape:'html'}-->ldone() {
+						lc--;
+						if ( lc < 0 ) {
+							<!--{$id|default:CardMap|escape:'html'}-->allReady();
+						}
+					}
 				}
 			}
 			function <!--{$id|default:CardMap|escape:'html'}-->allReady() {
+				var height = "<!--{$height|default:144px|escape:'html'}-->";
 				var c=0;
 				jQuery( '.jwLakeCardMap' ).each( function() {
 					c++;
-					jQuery( this ).prop( 'id', 'jwLakeCardMap_ + c.toString() );
+					var id = 'jwLakeCardMap_' + c.toString();
-					jQuery( this ).append( '<div style="height: 300px;"></div>' );
+                   	window.jwcardmap[ id ] = { memo: { g: { 'sizeFactor': 1.5, 'lang': "<!--{$lang|default:fi|escape:'html'}-->" } } };
+					jQuery( this ).prop( 'id', id );
+					jQuery ( this ).height( parseInt( height ) );
+					var page = jQuery( this ).attr( 'data-lake' );
+					var obs = '-'; if ( typeof jQuery( this ).attr( 'data-obs' ) != 'undefined' ) { obs = jQuery( this ).attr( 'data-obs' ); };
+					var searchStr = 'action=ask&query=[[' + page + ']]';
+					searchStr += encodeURI('|?KoordPohj|?KoordIta|?KoordPohjMin|?KoordItaMin|?KoordPohjMax|?KoordItaMax|?Zoom|?Base|?Järvinumero|?JarviNro');
+					searchStr += '&format=json';
+					jQuery.ajax({
+						type: 'GET',
+						url: queryApi,
+						data: searchStr,
+						success: gotLake,
+						dataType: 'jsonp',
+			       		cache: true
+					});
+					function gotLake( request ) {
+						for (var x in request.query.results) {
+							var resultItem = request.query.results[x].printouts; break;
+						}
+						//var lon = resultItem.KoordIta[0];
+						//var lat = resultItem.KoordPohj[0];
+						//var zoom = parseInt(resultItem.Zoom[0]);
+						var lakeIdArr = resultItem.Järvinumero;
+						var lakeNrArr = resultItem.JarviNro;
+						var searchForLakes = '';
+						for (li in lakeIdArr) {
+							if (searchForLakes.length > 0) { searchForLakes += ' OR '; }
+							searchForLakes += "JarviTunnus='" + lakeIdArr[li] + "'";
+						}
+						for (li in lakeNrArr) {
+							if (searchForLakes.length > 0) { searchForLakes += ' OR '; }
+							searchForLakes += "JarviNro=" + lakeNrArr[li];
+						}
+						var layersArr = [];
+						layersArr.push({
+							'type': 'lake',
+							'name': 'Järvi',
+							'search': searchForLakes,
+							//'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>',
+							'visible': true,
+							'fillColor': 'rgba( 100, 193, 203, 0.75 )',
+							'strokeColor': 'rgba(  0, 96, 133, 1 )',
+							'opacitySlider': true,
+							'showLabels': false,
+							'selectable': false,
+							'zoomToExtent': true,
+							'padding': [ 20, 20, 20, 20 ]
+						});
+if ( obs != '-' ) {
+				layersArr.push({
+					'type': 'sitesNobses',
+					'name': 'Havainnot',
+					'obsSearch': "[[Alue::" + decodeURI(page) + "]][[ObsCode::" + obs + "]]",
+					'obsDays': 7,
+'clustered': false,
+					'attribution': 'Havainnot: Järvi-meriwiki',
+					'selectable': false
+				});
+}
+						var map = jwMakeMap({
+							'container': id,
+							'base': 'none',
+							'nointeraction': true,
+							'lon':  25,
+							'lat': 65,
+							'zoom': 15,
+							'layers': layersArr,
+							'memo': window.jwcardmap[ id ].memo
+						});
+					}
 				});
   			}