Widget:Ol10SuurjärviMap

Nykyinen versio 30. lokakuuta 2025 kello 17.24

@@ Rivi 43: / Rivi 43: @@
 			var layersArr = [];
+			var container = '<!--{$id|default:CommonObsMap|escape:'html'}-->_container';
+			if ( '<!--{$hero|default:false|escape:'html'}-->' == 'true' ) {
+				memo.hero = 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' );
+			} else {
+				memo.hero = false;
+			}
 			function gotLakes(req) {
@@ Rivi 60: / Rivi 71: @@
-				layersArr.push( {
+				var lakelayer = {
 					'id': 'lakes',
 					'type': 'lake',
 					'name': 'Järvet',
-					//'restUrl': '//paikkatieto.ymparisto.fi/arcgis/rest/services/INSPIRE/SYKE_Hydrografia/MapServer/5/query',
+					//'restUrl': '//paikkatieto.ymparisto.fi/arcgis/rest/services/INSPIRE/Syke_Hydrografia/MapServer/5/query',
 					'search': lakesSearch,
 					'selectable': true,
-					//'fillColor': 'rgba( 255, 255, 255, 0.1 )',
+					'fillColor': 'rgba( 0, 96, 133, 0.5 )',
-					//'strokeWidth': 1,
+					'strokeColor': 'rgba( 0, 96, 133, 1 )',
+					'strokeWidth': 10,
 					//'showLabels': true,
 					//'labelField': 'JarviTunnus',
@@ Rivi 75: / Rivi 87: @@
 					'bbox': false,
 					'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>',
-				});
+				};
+				if ( memo.hero ) { lakelayer.padding = [ 50, 50, 100, 50 ]; }
+				layersArr.push( lakelayer );
 				// do the base map with these settings
-				var map = ol3_jwMakeMap({
+				jQuery ( '#' + container ).animate( { height: <!--{$height|default:500|escape:'html'}--> }, 100, function() {
-					'container': '<!--{$id|default:CommonObsMap|escape:'html'}-->_container',
+					var map = jwMakeMap({
-					'base': base,
+						'container': container, //'<!--{$id|default:CommonObsMap|escape:'html'}-->_container',
-					'lon':  lon,
+						'base': base,
-					'lat': lat,
+						'lon':  lon,
-					'zoom': zoom,
+						'lat': lat,
-					'geolocation': true,
+						'zoom': zoom,
-					'layers': layersArr,
+						'geolocation': true,
-					'memo': memo
+						'layers': layersArr,
-				});
+						'memo': memo
+					});
+				} );