Widget:Ol10BaroMap

<includeonly>
    	
	<link rel="stylesheet" href="/scripts/ol4/ol.css" type="text/css">
    	<script src="//cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
	<script src="/scripts/ol4/ol.js"></script>
	
	<link rel="stylesheet" href="/scripts/ol-ext/dist/ol-ext.min.css" type="text/css">
	<script src="/scripts/ol-ext/dist/ol-ext.min.js"></script>
	<link rel="stylesheet" href="/scripts/ol-ext/overlay/Xpopupoverlay.css" />
	<link rel="stylesheet" href="/scripts/ol-ext/overlay/Xpopupoverlay.anim.css" />

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

<script src="/scripts/jwol3js/jwol3.js"></script>

	<div class="jwMapContainer" style="height:<!--{$height|default:500|escape:'html'}-->px" >
		<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'}-->';
			
			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 = [];
/*
				layersArr.push({ 
					'type': 'drainage', 
					'name': 'Vesistöalue', 
					'search': searchForVesal, 
					//'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>',
					'visible': false,
					'opacitySlider': true,
					'showLabels': false,
					'selectable': true,
					'zoomToExtent': false
				});
*/			
				layersArr.push({ 
					'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( 255, 255, 255, 0.75 )',
					'selectable': false,
					'zoomToExtent': true
				});
/*				
				layersArr.push({ 
					'type': 'syvyysalue', 
					'name': 'Syvyysalueet', 
					'search': searchForLakes, 
					//'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>',
					'opacitySlider': true,
					'showLabels': false,
					'selectable': true,
					'zoomToExtent': false
				});
*/
/*
				layersArr.push({ 
					'type': 'syvinpiste', 
					'name': 'Syvin piste', 
					'search': searchForLakes, 
					//'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>',
					'opacitySlider': true,
					'showLabels': false,
					'selectable': true,
					'zoomToExtent': false
				});
*/				

				layersArr.push({ 
					'type': 'alerts', 
					'name': 'Varoitukset', 
					'obsSearch': "[[Alue::" + decodeURI(page) + "]][[ObsCode::alert]]", 
					'obsDays': 100,
					'attribution': 'Varoitukset: Järvi-meriwiki',
					'opacitySlider': false,
					'obstypebar': false,
					'selectable': true,
					'clustered': false,
					'zoomToExtent': false
				});

				layersArr.push({ 
					'type': 'sitesNobses', 
					'name': 'Paikat ja havainnot', 
					//'siteSearch': "[[Alue::" + decodeURI(page) + "]]", 
					'obsSearch': "[[Alue::" + decodeURI(page) + "]][[obsCode::ice]]", 
					'obsDays': 7,
					'attribution': 'Paikat ja havainnot: Järvi-meriwiki',
					'opacitySlider': false,
					'obstypebar': false,
					'selectable': true,
					'zoomToExtent': false
				});
			
				//layersArr.push({ 'type': 'geoloc', 'name': 'Sijaintisi', 'show': true, 'center': false, 'zoom': 12, 'track': false });

				// do the base map with these settings
				var map = ol3_jwMakeMap({ 
					'container': '<!--{$id|default:CommonObsMap|escape:'html'}-->_container', 
					'base': base, 
					'lon':  lon, 
					'lat': lat, 
					'zoom': zoom, 
					'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>