Widget:Ol10AllFinSeaBodysMap

Nykyinen versio 16. toukokuuta 2025 kello 12.49

@@ Rivi 51: / Rivi 51: @@
 				'showLabels': false,
 				'selectable': true,
-				'zoomToExtent': true,
+				'zoomToExtent': false,
 				'bbox': true,
-				'maxResolution': 1000
+				'maxResolution': 500
 				});
@@ Rivi 63: / Rivi 63: @@
 				'lon':  lon,
 				'lat': lat,
 				'zoom': zoom,
+'geolocation': true,
 				'layers': layersArr,
 				'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>');
+}
+});
 		}