Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
(15 välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
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>'); | |||
} | |||
}); | |||
} | } |