Widget:Ol10NameMap

<includeonly>
    	
	<link rel="stylesheet" href="/scripts/ol3/ol.css" type="text/css">
    	<script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js"></script>
	<script src="/scripts/ol3/ol.js"></script>
	<script src="/scripts/proj4js/dist/proj4.js"></script>

<script src="/scripts/jwol3js/jwol3.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/popupoverlay.css" />
	<link rel="stylesheet" href="/scripts/ol-ext/overlay/popupoverlay.anim.css" />

	<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 lon = parseFloat('<!--{$lon|default:25|escape:'html'}-->');
			var lat = parseFloat('<!--{$lat|default:65|escape:'html'}-->');
			var zoom = parseInt('<!--{$zoom|default:5|escape:'html'}-->');
			var base = '<!--{$base|default:osm|escape:'html'}-->';
			var page = '<!--{$page|escape:'html'}-->';

			// 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': [
					{ 
						'type': 'jwanypage', 
						'name': 'Kunta', 
						'search': '[[Luokka:Kunta]][[Nimi::' + page + ']]', 
						'printouts': [ 
							{ 'title': 'Kokonaispinta-ala', 'type': 'measure', 'property': 'Pinta-ala' },
							{ 'title': 'Sisävesiä', 'type': 'measure', 'property': 'Sisävesipinta-ala' },
							{ 'title': 'Maakunta', 'type': 'page', 'property': 'Maakunta' }
						],
						'label': 'K',
						'color': '#ced400',
						'opacitySlider': false,
						'selectable': true,
						'zoomToExtent': false
					}, 
					{ 
						'type': 'jwanypage', 
						'name': 'Järvet', 
						'search': '[[Luokka:Järvi]][[Nimi::' + page + ']]', 
						'printouts': [ 
							{ 'title': 'Pinta-ala', 'type': 'measure', 'property': 'Pinta-ala' },
							{ 'title': 'Kunta', 'type': 'page', 'property': 'Kunta' },
							{ 'title': 'Päävesistö', 'type': 'page', 'property': 'Päävesistö' }
						],
						'label': 'J',
						'color': '#0076b0',
						'opacitySlider': false,
						'selectable': true,
						'zoomToExtent': false
					}, 
					{ 'type': 'geoloc', 'name': 'Sijaintisi', 'show': true, 'center': false, 'zoom': 12, 'track': false }
				],
				'memo': memo
			});

		}	

	</script>

</includeonly>