Widget:Ol10DrainageMap

<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 lon = parseFloat('<!--{$lon|default:25|escape:'html'}-->');
			var lat = parseFloat('<!--{$lat|default:65|escape:'html'}-->');
			var zoom = parseInt('<!--{$zoom|default:4|escape:'html'}-->');
			var base = '<!--{$base|default:osm|escape:'html'}-->';
			var page = '<!--{$page|escape:'html'}-->';
			var vesalid = '<!--{$vesalid|escape:'html'}-->';
			var vaihe = <!--{$vaihe|default:0|escape:'html'}-->;
			var lakes = ('<!--{$lakes|default:n|escape:'html'}-->' == 'y');
			
			var layersArr = [];
			
			if (vaihe == 0) {
				layersArr.push(	{ 
					'type': 'basin', 
					'name': 'Päävesistöalue', 
					'search': "PaajakoTunnus = '" + vesalid + "'", 
					'opacitySlider': true,
					'showLabels': false,
					'selectable': false,
					'zoomToExtent': true
				} );		
			}
			
			if (lakes) {
			
				layersArr.push(	{ 
					'type': 'drainage', 
					'name': 'Vesistöalue', 
					'search': "Jako3Tunnus LIKE '" + vesalid + "%25'", 
					'opacitySlider': true,
					'showLabels': false,
					'selectable': false,
					'zoomToExtent': true
				} );
				layersArr.push(	{ 
					'type': 'lake', 
					'name': 'Järvet', 
					'search': "JarviTunnus LIKE '" + vesalid + "%25'", 
					'opacitySlider': true,
					'showLabels': false,
					'selectable': true,
					'zoomToExtent': false
				} );
				layersArr.push(	{ 
					'type': 'jwanypage', 
					'name': 'Järvet pisteinä', 
					'search': '[[Järvinumero::~' + vesalid + '*]]', //[[Pinta-ala::<10 ha]]
					'opacitySlider': true,
					'showLabels': false,
					'selectable': true,
					'clustered': false,
					'pointRadius': 3,
					'minResolution': 10,
					'label': '',
					'zoomToExtent': false
				} );				
				layersArr.push( { 
					'type': 'sitesNobses', 
					'name': 'Paikat ja havainnot',
					'siteSearch': '[[Alue::~*(' + vesalid + '*]]',
					'obsSearch': "[[Alue::~" + "*(" + vesalid + "*" + "]][[obsCode::ice||snow||temp||alg]]", 
					'obsDays': 10,
					//'attribution': 'Havainnot: Järvi-meriwiki',
					'opacitySlider': false,
					'selectable': true,
					'zoomToExtent': false
				});
	
			} else {
			
				layersArr.push(	{ 
					'type': 'drainage', 
					'name': 'Vesistöalueet', 
					'search': "Jako3Tunnus LIKE '" + vesalid + "%25'", 
					//'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>',
					'opacitySlider': true,
					'showLabels': true,
					'selectable': true,
					'zoomToExtent': true
				} );		
				
				layersArr.push( { 
					'type': 'sitesNobses', 
					'name': 'Havaintotilanne',
					'siteSearch': '',
					'obsSearch': "[[Alue::~" + "*(" + vesalid + "*" + "]][[obsCode::ice||snow||temp||alg]]", 
					'obsDays': 10,
					//'attribution': 'Havainnot: Järvi-meriwiki',
					'opacitySlider': false,
					'selectable': true,
					'zoomToExtent': false
				});
			}

			// do the base map with these settings
			var map = jwMakeMap({ 
				'container': '<!--{$id|default:CommonObsMap|escape:'html'}-->_container', 
				'base': base, 
				'lon':  lon, 
				'lat': lat, 
				'zoom': zoom, 
				'layers': layersArr,
				'memo': memo
			});

		}


	</script>

</includeonly>