Widget:Ol10BaroMap-s-x

<includeonly>  	

	<link rel="stylesheet" href="/scripts/ol-10/ol.css" type="text/css">
 	<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>

	<script src="/scripts/proj4js/dist/proj4.js"></script>

	<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() {
		
			//widget globals
			var memo = <!--{$id|default:CommonObsMap|escape:'html'}-->_memo;
			memo.g = { 'sizeFactor': 1.5, 'lang': '<!--{$lang|default:fi|escape:'html'}-->' };

			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) {		
			
				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 vesalIdObj = {};
				if (typeof resultItem.Base[0] != 'undefined') { 
					var base = resultItem.Base[0]
				} else {
					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 searchForVesal = '';
				for (var o in vesalIdObj) {
					if (searchForVesal.length > 0) { searchForVesal += ' OR '; }
					searchForVesal += "Jako3Tunnus = '" + vesalIdObj[o] + "'";
				}						

				var layersArr = [];
			
				lakelayer = { 
					'type': 'lake', 
					'name': 'Järvi', 
					'search': searchForLakes, 
					//'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>',
					'visible': true,
					'opacitySlider': true,
					'showLabels': false,
					'fillColor': 'rgba( 204, 204, 204, 1 )',
					'strokeColor': 'rgba( 40, 53, 131, 1 )',
					'selectable': false,
					'padding': [ 0, 0, 0, 0 ],
					'zoomToExtent': true
				};

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

				layersArr.push({ 
					'type': 'sitesNobses', 
					'name': 'Paikat ja havainnot', 
					'obsSearch': "[[Alue::" + decodeURI(page) + "]][[obsCode::alg]]",
					'vesifi': false,
					'obsDays': 7,
					'attribution': 'Havainnot: Järvi-meriwiki',
					'clustered': false,
					'obstypebar': false,
					'selectable': false,
					'zoomToExtent': false
				});
			
				// do the base map with these settings
				var map = jwMakeMap({ 
					'container': container, 
					'base': '', 
					'lon':  lon, 
					'lat': lat, 
					'zoom': zoom, 
					'nointeraction': true,
					'layers': layersArr,
					'memo': memo
				});

			
			}
			
			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: gotCoords,
				dataType: 'jsonp',
			       	cache: true
			});
			
		}


	</script>

</includeonly>