Ero sivun ”Widget:Ol10BaroMap-s” versioiden välillä

(13 välissä olevaa versiota samalta käyttäjältä ei näytetä)

Rivi 1:

~~<script src="//cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>~~

~~<!--~~

~~<link rel="stylesheet" href="/scripts/ol-ext/overlay/popupoverlay.css" />~~

~~<link rel="stylesheet" href="/scripts/ol-ext/overlay/popupoverlay.anim.css" />~~

~~-->~~

<div style="height: 100%; width: 100%; position: relative;" id="_container"></div>

</div>

Rivi 40:

Rivi 37:

var page = '';

var container = '_container';

if ( '' == '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 gotCoords(request) {

Rivi 80:

Rivi 88:

var layersArr = [];

~~layersArr.push(~~{

lakelayer = {

'type': 'lake',

'name': 'Järvi',

Rivi 88:

Rivi 96:

'opacitySlider': true,

'showLabels': false,

'fillColor': 'rgba( ~~255~~, ~~255~~, 255, 0.75 )',

'fillColor': 'rgba( 100, 100, 255, 0.75 )',

'selectable': false,

'zoomToExtent': true

});

};

if ( memo.hero ) { lakelayer.padding = [ 50, 50, 100, 50 ]; }

layersArr.push( lakelayer );

/*

layersArr.push({

Rivi 120:

Rivi 131:

'type': 'sitesNobses',

'name': 'Paikat ja havainnot',

'obsSearch': "[[Alue::" + decodeURI(page) + "]][[obsCode::alg~~||temp~~]]",

'obsSearch': "[[Alue::" + decodeURI(page) + "]][[obsCode::alg]]",

'obsDays': 7,

'attribution': '~~Paikat ja havainnot~~: Järvi-meriwiki',

'attribution': 'Havainnot: Järvi-meriwiki',

'~~opacitySlider~~': false,

'clustered': false,

'obstypebar': false,

'selectable': true,

Rivi 130:

Rivi 141:

// do the base map with these settings

var map = ~~ol3_jwMakeMap~~({

var map = jwMakeMap({

'container': ~~'_container'~~,

'container': container,

'base': base,

'lon': lon,

'lat': lat,

'zoom': zoom,

'geolocation': true,

'layers': layersArr,

'memo': memo

@@ Rivi 1: / Rivi 1: @@
 <includeonly>
-	<link rel="stylesheet" href="/scripts/ol3/ol.css" type="text/css">
-    	<script src="//cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
+	<link rel="stylesheet" href="/scripts/ol-10/ol.css" type="text/css">
-	<script src="/scripts/ol3/ol.js"></script>
+ 	<script src="/scripts/ol-10/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:CommonObsMap|escape:'html'}-->_container"></div>
 	</div>
@@ Rivi 40: / Rivi 37: @@
 			var page = '<!--{$page|escape:'urlpathinfo'}-->';
+			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 gotCoords(request) {
@@ Rivi 80: / Rivi 88: @@
 				var layersArr = [];
-				layersArr.push({
+				lakelayer = {
 					'type': 'lake',
 					'name': 'Järvi',
@@ Rivi 88: / Rivi 96: @@
 					'opacitySlider': true,
 					'showLabels': false,
-					'fillColor': 'rgba( 255, 255, 255, 0.75 )',
+					'fillColor': 'rgba( 100, 100, 255, 0.75 )',
 					'selectable': false,
 					'zoomToExtent': true
-				});
+				};
+				if ( memo.hero ) { lakelayer.padding = [ 50, 50, 100, 50 ]; }
+				layersArr.push( lakelayer );
 /*
 				layersArr.push({
@@ Rivi 120: / Rivi 131: @@
 					'type': 'sitesNobses',
 					'name': 'Paikat ja havainnot',
-					'obsSearch': "[[Alue::" + decodeURI(page) + "]][[obsCode::alg||temp]]",
+					'obsSearch': "[[Alue::" + decodeURI(page) + "]][[obsCode::alg]]",
 					'obsDays': 7,
-					'attribution': 'Paikat ja havainnot: Järvi-meriwiki',
+					'attribution': 'Havainnot: Järvi-meriwiki',
-					'opacitySlider': false,
+					'clustered': false,
 					'obstypebar': false,
 					'selectable': true,
@@ Rivi 130: / Rivi 141: @@
 				// do the base map with these settings
-				var map = ol3_jwMakeMap({
+				var map = jwMakeMap({
-					'container': '<!--{$id|default:CommonObsMap|escape:'html'}-->_container',
+					'container': container,
 					'base': base,
 					'lon':  lon,
 					'lat': lat,
 					'zoom': zoom,
+					'geolocation': true,
 					'layers': layersArr,
 					'memo': memo

Widget:Ol10BaroMap-s

Nykyinen versio 12. kesäkuuta 2025 kello 13.22