Widget:Ol10TagObsMap

<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 obsQuery = "<!--{$obsQuery|escape:'html'}-->";
			var siteQuery = "<!--{$siteQuery|default:x|escape:'html'}-->";
if (siteQuery == 'x') { siteQuery = ''; }
var days = parseInt('<!--{$days|default:365|escape:'html'}-->');
var pointradius = parseInt('<!--{$pointradius|default:6|escape:'html'}-->');
var obstypebar = ("<!--{$obstypebar|default:yes|escape:'html'}-->" == "yes" );
var zoomto = ("<!--{$zoomto|default:false|escape:'html'}-->" == "true");		
var simplepoints = ("<!--{$simplepoints|default:false|escape:'html'}-->" == "true");		
var cluster = ( "<!--{$cluster|default:yes|escape:'html'}-->" == "yes" );
var vesifi = ( "<!--{$vesifi|default:yes|escape:'html'}-->" == "yes" );
var mapbg = "<!--{$mapbg|default:x|escape:'html'}-->";			
var muni = "<!--{$muni|default:x|escape:'html'}-->";			

			var layersArr = [];

if (mapbg == 'muni' ) {

				layersArr.push( { 
					'id': 'muni',
					'type': 'anyrest', 
					'name': 'Kunta', 						
					'restUrl': '//paikkatieto.ymparisto.fi/arcgis/rest/services/sykemaps/GISAineistot2/MapServer/0/query',							
					'search': "KuntaNimi = '" + muni + "'", 
					'selectable': false,
					'zoomToExtent': true,
					'bbox': false,
					'fillColor': 'rgba( 0, 0, 0, 0.1 )',
					'strokeColor': 'rgba( 0, 0, 0, 0.15 )',
					'strokeWidth': 5
					//'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>',
				});
}

			layersArr.push({ 
				'type': 'sitesNobses', 
				'name': 'Paikat ja havainnot', 
				'siteSearch': siteQuery, 
				'obsSearch': obsQuery, 
				'obsDays': days,
				//'attribution': 'Paikat ja havainnot: Järvi-meriwiki',
				'opacitySlider': false,
				'selectable': true,
'obstypebar': obstypebar,
'clustered': cluster,
'pointRadius': pointradius,
'simplepoints': simplepoints,
'vesifi': vesifi,
				'zoomToExtent': zoomto
			});

			//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
			});
		//console.log(memo);	
		}


	</script>

</includeonly>