Ei muokkausyhteenvetoa |
p (Molindho siirsi sivun Widget:Ol3SeaBodyMapX uudelle nimelle Widget:Ol10SeaBodyMapX luomatta ohjausta: Tekstin korvaus – ”Ol3” muotoon ”Ol10”) |
||
| (11 välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
| Rivi 1: | Rivi 1: | ||
<includeonly> | <includeonly> | ||
<link rel="stylesheet" href="/scripts/ | |||
<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/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> | ||
<script src="/scripts/proj4js/dist/proj4.js"></script> | <script src="/scripts/proj4js/dist/proj4.js"></script> | ||
<script src="/scripts/ | <script src="/scripts/jwol10js/jwol10.js"></script> | ||
<div class="jwMapContainer" style="height:<!--{$height|default: | <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 style="height: 100%; width: 100%; position: relative;" id="<!--{$id|default:CommonObsMap|escape:'html'}-->_container"></div> | ||
</div> | </div> | ||
| Rivi 39: | Rivi 37: | ||
var page = '<!--{$page|escape:'urlpathinfo'}-->'; | var page = '<!--{$page|escape:'urlpathinfo'}-->'; | ||
function gotCoords(request) { | |||
for (var x in request.query.results) { | |||
var resultItem = request.query.results[x].printouts; break; | |||
} | |||
var lon = resultItem.KoordIta[0]; | |||
var lat = resultItem.KoordPohj[0]; | |||
var zoom = parseInt(resultItem.Zoom[0]); | |||
if (typeof resultItem.Base[0] != 'undefined') { | |||
var base = resultItem.Base[0] | |||
} else { | |||
var base = 'osm'; | |||
} | |||
var vpdArr = resultItem.VPDTunnus; | |||
//console.log(vpdArr); | |||
var searchForVPDs = ''; | |||
for (li in vpdArr) { | |||
if (searchForVPDs.length > 0) { searchForVPDs += ' OR '; } | |||
searchForVPDs += "VPDTunnus = '" + vpdArr[li] + "'"; | |||
} | |||
//console.log( searchForVPDs ); | |||
var layersArr = []; | |||
layersArr.push({ | layersArr.push({ | ||
'type': 'seabody', | 'type': 'seabody', | ||
'name': 'Merialue', | 'name': 'Merialue', | ||
'search': "", | 'search': searchForVPDs, | ||
//'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>', | |||
'visible': true, | 'visible': true, | ||
'opacitySlider': true, | 'opacitySlider': true, | ||
'showLabels': false, | 'showLabels': false, | ||
'selectable': false, | 'selectable': false, | ||
'zoomToExtent': | 'zoomToExtent': true | ||
}); | }); | ||
layersArr.push({ | |||
'type': 'sitesNobses', | |||
'name': 'Paikat ja havainnot', | |||
'siteSearch': "[[Alue::" + decodeURI(page) + "]]", | |||
'obsSearch': "[[Alue::" + decodeURI(page) + "]][[obsCode::ice||snow||temp||alg]]", | |||
'obsDays': 10, | |||
'opacitySlider': false, | |||
'selectable': true, | |||
'zoomToExtent': false | |||
}); | |||
// do the base map with these settings | // do the base map with these settings | ||
var map = | var map = jwMakeMap({ | ||
'container': '<!--{$id|default:CommonObsMap|escape:'html'}-->_container', | 'container': '<!--{$id|default:CommonObsMap|escape:'html'}-->_container', | ||
'base': | 'base': base, | ||
'lon': | 'lon': lon, | ||
'lat': | 'lat': lat, | ||
'zoom': | 'zoom': zoom, | ||
'geolocation': true, | |||
'layers': layersArr, | 'layers': layersArr, | ||
'memo': memo | 'memo': memo | ||
}); | }); | ||
} | } | ||
var searchStr = 'action=ask&query=[[' + page + ']]'; | |||
searchStr += encodeURI('|?KoordPohj|?KoordIta|?Zoom|?Base|?VPDTunnus'); | |||
searchStr += '&format=json'; | |||
jQuery.ajax({ | |||
type: 'GET', | |||
url: queryApi, | |||
data: searchStr, | |||
success: gotCoords, | |||
dataType: 'jsonp', | |||
cache: true | |||
}); | |||
} | |||
</script> | </script> | ||
</includeonly> | </includeonly> | ||
