(Ak: Uusi sivu: <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:'ht...) |
Ei muokkausyhteenvetoa |
||
(18 välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
Rivi 45: | Rivi 45: | ||
'type': 'seabody', | 'type': 'seabody', | ||
'name': 'Rannikon vesimuodostuma', | 'name': 'Rannikon vesimuodostuma', | ||
'search': " | 'search': "", | ||
//'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>', | //'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>', | ||
'visible': true, | 'visible': true, | ||
Rivi 51: | Rivi 51: | ||
'showLabels': false, | 'showLabels': false, | ||
'selectable': true, | 'selectable': true, | ||
'zoomToExtent': | 'zoomToExtent': false, | ||
'bbox': true, | 'bbox': true, | ||
'maxResolution': | 'maxResolution': 500 | ||
}); | }); | ||
Rivi 63: | Rivi 63: | ||
'lon': lon, | 'lon': lon, | ||
'lat': lat, | 'lat': lat, | ||
'zoom': zoom, | 'zoom': zoom, | ||
'geolocation': true, | |||
'layers': layersArr, | 'layers': layersArr, | ||
'memo': memo | 'memo': memo | ||
}); | }); | ||
var infoBar = new ol.control.Bar(); | |||
var fieldEl = document.createElement('div'); | |||
fieldEl.id = 'jwMapInfoContainer' | |||
var fieldCtrl = new ol.control.Control({ element: fieldEl }); | |||
infoBar.addControl(fieldCtrl); | |||
map.addControl(infoBar); | |||
infoBar.setPosition('bottom-left'); | |||
jQuery('#jwMapInfoContainer').html('<div class="jwMapInfoText">Zoomaa lähemmäs nähdäksesi merialueen vesimuodostumat. Käytä kosketusnäytöllä kahta sormea kartan zoomaamiseen ja siirtämiseen. Hiirellä voi zoomata ja raahata, kun pitää Ctrl- tai Cmd-nappia painettuna.</div>'); | |||
map.getView().on('change:resolution', function(e) { | |||
var resolution = e.target.getResolution(); | |||
if ( resolution < 500 ) { | |||
map.removeControl( infoBar ); | |||
} else { | |||
map.addControl( infoBar ); | |||
jQuery('#jwMapInfoContainer').html('<div class="jwMapInfoText">Zoomaa lähemmäs nähdäksesi merialueen vesimuodostumat.</div>'); | |||
} | |||
}); | |||
} | } |