Ero sivun ”Widget:Ol10SuurjärviMap” versioiden välillä

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

Rivi 1:

~~<script src="//cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script~~>

~~<script src="//www.jarviwiki.fi/scripts/proj4js/dist/proj4~~.js"></script>

<~~script src~~="//~~www~~.~~jarviwiki~~.fi/scripts/~~jwol3js~~/~~jwol3~~.js"></script>

~~<link rel="stylesheet" href="//www.jarviwiki.fi/scripts/ol-ext/dist/ol-ext.min.css" type="text/css">~~

~~<link rel="stylesheet" href="//www.jarviwiki.fi/scripts/ol-ext/overlay/popupoverlay.css" />~~

~~<link rel="stylesheet" href="//www.jarviwiki.fi/scripts/ol-ext/overlay/popupoverlay.anim.css" /~~>

<div style="height: 100%; width: 100%; position: relative;" id="_container"></div>

</div>

Rivi 21:

Rivi 19:

var _memo = { 'SitesO': {}, 'TypesO': {}, 'obsTypeToShow': '' };

~~jQuery~~(window)~~.load~~( function() { _func(); });

function _jQueryTest() {

if ( typeof window.jQuery == 'undefined' ) {

setTimeout( function(){ _jQueryTest() }, 300);

} else {

_func();

}

setTimeout( function(){ _jQueryTest() }, 300);

function _func() {

Rivi 38:

Rivi 43:

var layersArr = [];

var container = '_container';

if ( '' == 'true' ) {

memo.hero = true;

container = jQuery( '.hero-container' ).attr( 'id' );

jQuery( '.hero-container' ).addClass( 'hero-map' );

jQuery( '.hero-container' ).removeClass( 'hero-empty' );

jQuery ( '#' + container ).css( 'border-bottom', '1px solid #e4e3de' );

} else {

memo.hero = false;

}

function gotLakes(req) {

~~console.log(req);~~

var lakesArr = [];

Rivi 57:

Rivi 71:

~~layersArr.push(~~ {

var lakelayer = {

'id': 'lakes',

'type': 'lake',

'name': 'Järvet',

//'restUrl': '//paikkatieto.ymparisto.fi/arcgis/rest/services/INSPIRE/~~SYKE_Hydrografia~~/MapServer/5/query',

//'restUrl': '//paikkatieto.ymparisto.fi/arcgis/rest/services/INSPIRE/Syke_Hydrografia/MapServer/5/query',

'search': lakesSearch,

'selectable': true,

//'fillColor': 'rgba( ~~255~~, ~~255~~, ~~255~~, 0.1 )',

'fillColor': 'rgba( 0, 96, 133, 0.5 )',

//'strokeWidth': 1,

'strokeColor': 'rgba( 0, 96, 133, 1 )',

'strokeWidth': 10,

//'showLabels': true,

//'labelField': 'JarviTunnus',

Rivi 72:

Rivi 87:

'bbox': false,

'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>',

});

};

~~layersArr.push({ 'type': 'geoloc', 'name': 'Sijaintisi', 'show': true, 'center': false, 'zoom': 12, 'track': false });~~

if ( memo.hero ) { lakelayer.padding = [ 50, 50, 100, 50 ]; }

layersArr.push( lakelayer );

// do the base map with these settings

var map = ~~ol3_jwMakeMap~~({

jQuery ( '#' + container ).animate( { height:  }, 100, function() {

'container': '_container',

var map = jwMakeMap({

'base': base,

'container': container, //'_container',

'lon': lon,

'base': base,

'lat': lat,

'lon': lon,

'zoom': zoom,

'lat': lat,

'layers': layersArr,

'zoom': zoom,

'memo': memo

'geolocation': true,

});

'layers': layersArr,

'memo': memo

});

} );

@@ Rivi 1: / Rivi 1: @@
 <includeonly>
-	<link rel="stylesheet" href="//www.jarviwiki.fi/scripts/ol3/ol.css" type="text/css">
+	<link rel="stylesheet" href="/scripts/ol-10/ol.css" type="text/css">
-    	<script src="//cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
+	<script src="/scripts/ol-10/ol.js"></script>
-	<script src="//www.jarviwiki.fi/scripts/ol3/ol.js"></script>
-	<script src="//www.jarviwiki.fi/scripts/proj4js/dist/proj4.js"></script>
-	<script src="//www.jarviwiki.fi/scripts/jwol3js/jwol3.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>
-	<link rel="stylesheet" href="//www.jarviwiki.fi/scripts/ol-ext/dist/ol-ext.min.css" type="text/css">
+	<script src="/scripts/proj4js/dist/proj4.js"></script>
-	<script src="//www.jarviwiki.fi/scripts/ol-ext/dist/ol-ext.min.js"></script>
-	<link rel="stylesheet" href="//www.jarviwiki.fi/scripts/ol-ext/overlay/popupoverlay.css" />
-	<link rel="stylesheet" href="//www.jarviwiki.fi/scripts/ol-ext/overlay/popupoverlay.anim.css" />
-	<div class="jwMapContainer" style="height:<!--{$height|default:500|escape:'html'}-->px" >
+	<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>
@@ Rivi 21: / Rivi 19: @@
 		var <!--{$id|default:CommonObsMap|escape:'html'}-->_memo =  { 'SitesO': {}, 'TypesO': {}, 'obsTypeToShow': '' };
-		jQuery(window).load( function() { <!--{$id|default:CommonObsMap|escape:'html'}-->_func(); });
+		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() {
@@ Rivi 38: / Rivi 43: @@
 			var layersArr = [];
+			var container = '<!--{$id|default:CommonObsMap|escape:'html'}-->_container';
+			if ( '<!--{$hero|default:false|escape:'html'}-->' == 'true' ) {
+				memo.hero = true;
+				container = jQuery( '.hero-container' ).attr( 'id' );
+				jQuery( '.hero-container' ).addClass( 'hero-map' );
+				jQuery( '.hero-container' ).removeClass( 'hero-empty' );
+				jQuery ( '#' + container ).css( 'border-bottom', '1px solid #e4e3de' );
+			} else {
+				memo.hero = false;
+			}
 			function gotLakes(req) {
-			console.log(req);
 				var lakesArr = [];
@@ Rivi 57: / Rivi 71: @@
-				layersArr.push( {
+				var lakelayer = {
 					'id': 'lakes',
 					'type': 'lake',
 					'name': 'Järvet',
-					//'restUrl': '//paikkatieto.ymparisto.fi/arcgis/rest/services/INSPIRE/SYKE_Hydrografia/MapServer/5/query',
+					//'restUrl': '//paikkatieto.ymparisto.fi/arcgis/rest/services/INSPIRE/Syke_Hydrografia/MapServer/5/query',
 					'search': lakesSearch,
 					'selectable': true,
-					//'fillColor': 'rgba( 255, 255, 255, 0.1 )',
+					'fillColor': 'rgba( 0, 96, 133, 0.5 )',
-					//'strokeWidth': 1,
+					'strokeColor': 'rgba( 0, 96, 133, 1 )',
+					'strokeWidth': 10,
 					//'showLabels': true,
 					//'labelField': 'JarviTunnus',
@@ Rivi 72: / Rivi 87: @@
 					'bbox': false,
 					'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>',
-				});
+				};
-				layersArr.push({ 'type': 'geoloc', 'name': 'Sijaintisi', 'show': true, 'center': false, 'zoom': 12, 'track': false });
+				if ( memo.hero ) { lakelayer.padding = [ 50, 50, 100, 50 ]; }
+				layersArr.push( lakelayer );
 				// do the base map with these settings
-				var map = ol3_jwMakeMap({
+				jQuery ( '#' + container ).animate( { height: <!--{$height|default:500|escape:'html'}--> }, 100, function() {
-					'container': '<!--{$id|default:CommonObsMap|escape:'html'}-->_container',
+					var map = jwMakeMap({
-					'base': base,
+						'container': container, //'<!--{$id|default:CommonObsMap|escape:'html'}-->_container',
-					'lon':  lon,
+						'base': base,
-					'lat': lat,
+						'lon':  lon,
-					'zoom': zoom,
+						'lat': lat,
-					'layers': layersArr,
+						'zoom': zoom,
-					'memo': memo
+						'geolocation': true,
-				});
+						'layers': layersArr,
+						'memo': memo
+					});
+				} );

Widget:Ol10SuurjärviMap

Nykyinen versio 30. lokakuuta 2025 kello 17.24