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

(10 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~~>

~~<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>

//global memory for widget instance

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

function _jQueryTest() {

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

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

Rivi 39:

Rivi 36:

var page = '';

var container = '_container';

if ( '' == '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' );

}

function gotCoords(request) {

Rivi 53:

Rivi 58:

var base = resultItem.Base[0]

} else {

var base = '~~osm~~';

var base = 'mmlTausta';

}

var vpdArr = resultItem.VPDTunnus;

console.log(vpdArr);

//console.log(vpdArr);

var searchForVPDs = '';

Rivi 65:

Rivi 70:

searchForVPDs += "VPDTunnus = '" + vpdArr[li] + "'";

}

console.log( searchForVPDs );

//console.log( searchForVPDs );

var layersArr = [];

Rivi 86:

Rivi 91:

'obsSearch': "[[Alue::" + decodeURI(page) + "]][[obsCode::ice||snow||temp||alg]]",

'obsDays': 10,

'vesifi': false,

'opacitySlider': false,

'selectable': true,

Rivi 91:

Rivi 97:

});

~~//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',

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

'base': base,

'lon': lon,

'lat': lat,

'zoom': zoom,

'geolocation': true,

'layers': layersArr,

'memo': memo

@@ 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="//cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
+	<script src="/scripts/ol-10/ol.js"></script>
-	<script src="/scripts/ol3/ol.js"></script>
+	<link rel="stylesheet" href="/scripts/ol-ext-10/dist/ol-ext.min.css" type="text/css">
-	<link rel="stylesheet" href="/scripts/ol-ext/dist/ol-ext.min.css" type="text/css">
+	<script src="/scripts/ol-ext-10/dist/ol-ext.min.js"></script>
-	<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" />
 	<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:CommonObsMap|escape:'html'}-->_container"></div>
 	</div>
 	<script type="text/javascript">
-		//global memory for widget instance
+	//global memory for widget instance
-		var <!--{$id|default:CommonObsMap|escape:'html'}-->_memo =  { 'SitesO': {}, 'TypesO': {}, 'obsTypeToShow': '' };
+	var <!--{$id|default:CommonObsMap|escape:'html'}-->_memo =  { 'SitesO': {}, 'TypesO': {}, 'obsTypeToShow': '' };
-		function <!--{$id|default:CommonObsMap|escape:'html'}-->_jQueryTest() {
+	function <!--{$id|default:CommonObsMap|escape:'html'}-->_jQueryTest() {
 	if ( typeof window.jQuery == 'undefined' ) {
      		setTimeout( function(){ <!--{$id|default:CommonObsMap|escape:'html'}-->_jQueryTest() }, 300);
@@ Rivi 39: / Rivi 36: @@
 			var page = '<!--{$page|escape:'urlpathinfo'}-->';
+			var container = '<!--{$id|default:CommonObsMap|escape:'html'}-->_container';
+			if ( '<!--{$hero|default:false|escape:'html'}-->' == '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' );
+			}
 			function gotCoords(request) {
@@ Rivi 53: / Rivi 58: @@
 					var base = resultItem.Base[0]
 				} else {
-					var base = 'osm';
+					var base = 'mmlTausta';
 				}
 				var vpdArr = resultItem.VPDTunnus;
-console.log(vpdArr);
+//console.log(vpdArr);
 				var searchForVPDs = '';
@@ Rivi 65: / Rivi 70: @@
 					searchForVPDs += "VPDTunnus = '" + vpdArr[li] + "'";
 				}
-				console.log( searchForVPDs );
+				//console.log( searchForVPDs );
 				var layersArr = [];
@@ Rivi 86: / Rivi 91: @@
 					'obsSearch': "[[Alue::" + decodeURI(page) + "]][[obsCode::ice||snow||temp||alg]]",
 					'obsDays': 10,
+'vesifi': false,
 					'opacitySlider': false,
 					'selectable': true,
@@ Rivi 91: / Rivi 97: @@
 				});
-				//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:CommonObsMap|escape:'html'}-->_container',
+					'container': container, //'<!--{$id|default:CommonObsMap|escape:'html'}-->_container',
 					'base': base,
 					'lon':  lon,
 					'lat': lat,
 					'zoom': zoom,
+					'geolocation': true,
 					'layers': layersArr,
 					'memo': memo

Widget:Ol10SeaBodyMap

Nykyinen versio 23. heinäkuuta 2025 kello 17.28