Ero sivun ”Widget:Ol10ElyAlgalMap” versioiden välillä

(13 välissä olevaa versiota samalta käyttäjältä ei näytetä)

Rivi 1:

~~<script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.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 style="height: 100%; width: 100%; position: relative;" id="_container"></div>

</div>

Rivi 46:

Rivi 43:

var short = ely.split(' ')[0] + ' ELY-keskus';

console.log( short );

//console.log( short );

if ( short == 'Varsinais-Suomen ELY-keskus' ) {

cql = "tilastointialueet:nimi='Varsinais-Suomen ELY-keskus'+OR+tilastointialueet:nimi='Satakunnan ELY-keskus'";

Rivi 68:

Rivi 65:

'bbox': false,

});

var filterlayer = layersArr[ layersArr.length - 1 ];

layersArr.push( {

Rivi 79:

Rivi 78:

'pointRadius': 4,

'label': '',

'fillColor': '#eee',

'strokeColor': 'orange',

'zoomToExtent': false

} );

layersArr.push({

'type': 'coo311',

'name': 'Vesi.fi-havainnot',

'service_code': 'algaebloom_service_code_201808151546171',

'hashtags': '_VesiFiObservation',

'days': 7,

'selectable': true,

'clustered': false,

'pointRadius': 8,

'obsesColors': { type: 'cat', 'attribute': 'algaebloom_singlevaluelist_201808151546174', values: [ { key: 1, color: '#308fb3' }, { key: 2, color: '#8db335' }, { key: 3, color: '#f1cb00' }, { key: 4, color: '#ce0000' } ] },

'obstypebar': false,

'zoomToExtent': false,

'filter': filterlayer,

'visible': true

});

layersArr.push({

'type': 'sitesNobses',

'name': '~~Tuoreet havainnot~~',

'name': 'Havainnot',

'siteSearch': '',

'obsSearch': '[[ObsCode::alg]][[ELY-keskus::' + ely + ']]',

'obsDays': 7,

'vesifi': false,

//'attribution': 'Paikat ja havainnot: Järvi-meriwiki',

'opacitySlider': false,

Rivi 98:

Rivi 114:

});

~~//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~~({

var map = jwMakeMap({

'container': '_container',

'base': base,

@@ Rivi 1: / Rivi 1: @@
 <includeonly>
-	<link rel="stylesheet" href="/scripts/ol3/ol.css" type="text/css">
+	<link rel="stylesheet" href="/scripts/ol-10/ol.css" type="text/css">
-    	<script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js"></script>
+ 	<script src="/scripts/ol-10/ol.js"></script>
-	<script src="/scripts/ol3/ol.js"></script>
-	<link rel="stylesheet" href="/scripts/ol-ext/dist/ol-ext.min.css" type="text/css">
+	<link rel="stylesheet" href="/scripts/ol-ext-10/dist/ol-ext.min.css" type="text/css">
-	<script src="/scripts/ol-ext/dist/ol-ext.min.js"></script>
+	<script src="/scripts/ol-ext-10/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" />
 	<script src="/scripts/proj4js/dist/proj4.js"></script>
-	<script src="/scripts/jwol3js/jwol3.js"></script>
+	<script src="/scripts/jwol10js/jwol10.js"></script>
-	<div class="jwMapContainer" style="height:<!--{$height|default:500|escape:'html'}-->px" >
+	<div class="jwMapContainer" style="height:<!--{$height|default:500px|escape:'html'}-->" >
 		<div style="height: 100%; width: 100%; position: relative;" id="<!--{$id|default:ElyAlgalMap|escape:'html'}-->_container"></div>
 	</div>
@@ Rivi 46: / Rivi 43: @@
 			var short = ely.split(' ')[0] + ' ELY-keskus';
-			console.log( short );
+			//console.log( short );
 			if ( short == 'Varsinais-Suomen ELY-keskus' ) {
 				cql = "tilastointialueet:nimi='Varsinais-Suomen ELY-keskus'+OR+tilastointialueet:nimi='Satakunnan ELY-keskus'";
@@ Rivi 68: / Rivi 65: @@
 				'bbox': false,
 			});
+			var filterlayer = layersArr[ layersArr.length - 1 ];
 			layersArr.push(	{
@@ Rivi 79: / Rivi 78: @@
 				'pointRadius': 4,
 				'label': '',
-                                'fillColor': '#eee',
+                'fillColor': '#eee',
-                                'strokeColor': 'orange',
+                'strokeColor': 'orange',
 				'zoomToExtent': false
 			} );
+			layersArr.push({
+				'type': 'coo311',
+				'name': 'Vesi.fi-havainnot',
+				'service_code': 'algaebloom_service_code_201808151546171',
+				'hashtags': '_VesiFiObservation',
+				'days': 7,
+				'selectable': true,
+				'clustered': false,
+				'pointRadius': 8,
+				'obsesColors': { type: 'cat', 'attribute': 'algaebloom_singlevaluelist_201808151546174', values: [ { key: 1, color: '#308fb3' }, { key: 2, color: '#8db335' }, { key: 3, color: '#f1cb00' }, { key: 4, color: '#ce0000' } ] },
+				'obstypebar': false,
+				'zoomToExtent': false,
+'filter': filterlayer,
+				'visible': true
+			});
 			layersArr.push({
 				'type': 'sitesNobses',
-				'name': 'Tuoreet havainnot',
+				'name': 'Havainnot',
 				'siteSearch': '',
 				'obsSearch': '[[ObsCode::alg]][[ELY-keskus::' + ely + ']]',
 				'obsDays': 7,
+				'vesifi': false,
 				//'attribution': 'Paikat ja havainnot: Järvi-meriwiki',
 				'opacitySlider': false,
@@ Rivi 98: / Rivi 114: @@
 			});
-			//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({
+			var map = jwMakeMap({
 				'container': '<!--{$id|default:ElyAlgalMap|escape:'html'}-->_container',
 				'base': base,

Widget:Ol10ElyAlgalMap

Nykyinen versio 16. heinäkuuta 2025 kello 11.23