Widget:JwLakeCardMaps

Versio 23. toukokuuta 2025 kello 12.35

@@ Rivi 1: / Rivi 1: @@
 <includeonly>
-	<link rel="stylesheet" href="/scripts/ol-10/ol.css" type="text/css">
+	<script type="text/javascript">
+		(function() {
+			// globals
+			var today = new Date();
+			function <!--{$id|default:CardMap|escape:'html'}-->_jQueryTest() {
+				if ( typeof window.jQuery == 'undefined' ) {
+					setTimeout( function(){ <!--{$id|default:CardMap|escape:'html'}-->_jQueryTest() }, 300);
+				} else {
+					<!--{$id|default:CardMap|escape:'html'}-->_func();
+				}
+			}
+			setTimeout( <!--{$id|default:CardMap|escape:'html'}-->_jQueryTest, 300);
+			function <!--{$id|default:CardMap|escape:'html'}-->_func() {
+				if ( typeof window.jwcardmap == 'undefined' ) {
+					window.jwcardmap = {};
+					css_link = jQuery( "<link>", { rel: "stylesheet", type: "text/css", href: "//www.jarviwiki.fi/scripts/ol-10/ol.css" });
+					css_link.appendTo('head');
+					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');
      		<script src="/scripts/ol-10/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>
@@ Rivi 11: / Rivi 37: @@
 	<script src="/scripts/jwol10js/jwol10.js"></script>
-	<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' ) {
-    			setTimeout( function(){ <!--{$id|default:CommonObsMap|escape:'html'}-->_jQueryTest() }, 300);
-  			} else {
-  				<!--{$id|default:CommonObsMap|escape:'html'}-->_func();
-  			}
-		}
-		setTimeout( function(){ <!--{$id|default:CommonObsMap|escape:'html'}-->_jQueryTest() }, 300);
-		function <!--{$id|default:CommonObsMap|escape:'html'}-->_func() {
+					jQuery.getScript( "/scripts/ol-10/ol.js", function() {
+						jQuery.getScript( "/scripts/ol-ext-10/dist/ol-ext.min.js", function() {
-			//widget globals
+							jQuery.getScript( '/scripts/proj4js/dist/proj4.js', function() {
-			var memo = <!--{$id|default:CommonObsMap|escape:'html'}-->_memo;
+								jQuery.getScript( '/scripts/jwol10js/jwol10.js', function() {
-			memo.g = { 'sizeFactor': 1.5, 'lang': '<!--{$lang|default:fi|escape:'html'}-->' };
+									allReady();
+								});
-			var page = '<!--{$page|escape:'urlpathinfo'}-->';
+							});
+						});
-			var container = '<!--{$id|default:CommonObsMap|escape:'html'}-->_container';
+					});
-			if ( '<!--{$hero|default:false|escape:'html'}-->' == 'true' ) {
+				}
-				container = jQuery( '.hero-container' ).attr( 'id' );
-				jQuery( '.hero-container' ).addClass( 'hero-map' );
-				jQuery( '.hero-container' ).removeClass( 'hero-empty' );
-				jQuery ( '#' + container ).css( 'border-bottom', '1px solid #e4e3de' );
 			}
-			function gotCoords(request) {
-				for (var x in request.query.results) {
-					var resultItem = request.query.results[x].printouts; break;
-				}
-				var lakeIdArr = resultItem.Järvinumero;
+			function allReady() {
-				var lakeNrArr = resultItem.JarviNro;
-				var base = 'mmlTausta';
-				var searchForLakes = '';
-				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 = [];
+			jQuery( '.jwLakeCardMap' ).each( function() {
+console.log( jQuery( this ) );
-				layersArr.push({
-					'type': 'lake',
-					'name': 'Järvi',
-					'search': searchForLakes,
-					'visible': true,
-					'zoomToExtent': true
 				});
+ 			}
-				// do the base map with these settings
-				jQuery ( '#' + container ).animate( { height: <!--{$height|default:500|escape:'html'}--> }, 100, function() {
-					var map = jwMakeMap({
-						'container': container, //'<!--{$id|default:CommonObsMap|escape:'html'}-->_container',
-						'base': base,
-						'layers': layersArr,
-						'memo': memo
-					});
-				} );
-			}
-			var searchStr = 'action=ask&query=[[' + page + ']]';
-			searchStr += encodeURI('|?Järvinumero|?JarviNro');
-			searchStr += '&format=json';
-			jQuery.ajax({
-				type: 'GET',
-				url: queryApi,
-				data: searchStr,
-				success: gotCoords,
-				dataType: 'jsonp',
-			       	cache: true
-			});
-		}