Widget:Ol10BalticMap

<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:BalticSeaMap|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:BalticSeaMap|escape:'html'}-->_jQueryTest() {
		if ( typeof window.jQuery == 'undefined' ) {
	    		setTimeout( function(){ <!--{$id|default:BalticSeaMap|escape:'html'}-->_jQueryTest() }, 300);
	  	} else {
	  		<!--{$id|default:BalticSeaMap|escape:'html'}-->_func();
	  	}
	}
	setTimeout( function(){ <!--{$id|default:BalticSeaMap|escape:'html'}-->_jQueryTest() }, 300);

	function <!--{$id|default:BalticSeaMap|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:20|escape:'html'}-->');
			var lat = parseFloat('<!--{$lat|default:60|escape:'html'}-->');
			var zoom = parseInt('<!--{$zoom|default:5|escape:'html'}-->');
			
			var base = '<!--{$base|default:osm|escape:'html'}-->';
			
			var layersArr = [];
			
			layersArr.push({
				'type': 'anyrest',
				'name': 'Itämeren alueet',				
				'restUrl': '//maps.helcom.fi/arcgis/rest/services/MADS/Monitoring/MapServer/92/query',
				'search': 'OBJECTID > 0',
				'zoomToExtent': true,
				'attribution': '<a href="//helcom.fi/">Helcom</a>',
				'selectable': true
			});
						
			
			// do the base map with these settings
			var map = ol3_jwMakeMap({ 
				'container': '<!--{$id|default:BalticSeaMap|escape:'html'}-->_container', 
				'base': base, 
				'lon':  lon, 
				'lat': lat, 
				'zoom': zoom, 
				'layers': layersArr,
				'memo': memo
			});
			
			

		}


	</script>

</includeonly>