@opengeoweb/webmap-react 19.1.1 → 19.3.0

package/dist/index.esm.js

@@ -1257,7 +1257,7 @@ var TimeawareImageSource = /*#__PURE__*/function (_ImageSource) {
                     (_openLayersGetMapImag = openLayersGetMapImageStore.getImage(src)) === null || _openLayersGetMapImag === void 0 || _openLayersGetMapImag.clearError();
                     _context.n = 1;
                     return jobWrapper.loadAndResolve(extent, resolution, pixelRatio, projection, _this3._wmsUrl, _this3._extraWMSParams, _this3._layerName, _this3._styleName, dimPropsWithTime)["catch"](function (e) {
-                      console.error(e);
+                      // Do not log errors, as they are not very useful and can better be inspected via the network console
                     });
                   case 1:
                     return _context.a(2, function (cancelled) {
@@ -5903,6 +5903,7 @@ var FeatureLayer = function FeatureLayer(_ref) {
     hoverSelect = _ref.hoverSelect,
     clickOnFeature = _ref.clickOnFeature,
     boxSelect = _ref.boxSelect,
+    layerId = _ref.layerId,
     testId = _ref.testId,
     opacity = _ref.opacity,
     _ref$declutter = _ref.declutter,
@@ -5928,6 +5929,7 @@ var FeatureLayer = function FeatureLayer(_ref) {
       zIndex: zIndex,
       style: style,
       properties: {
+        layerId: layerId,
         testId: testId
       },
       opacity: opacity,
@@ -5945,7 +5947,7 @@ var FeatureLayer = function FeatureLayer(_ref) {
     };
     // NOTE: style should not be part of this effect, as it changes always, causing the layer to be add/removed continuousely.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [map, zIndex, testId, visible]);
+  }, [layerId, map, zIndex, testId, visible]);
   useEffect(function () {
     // Handle style function:
     if (layerRef.current && style) {
@@ -6113,6 +6115,7 @@ var OpenLayersFeatureLayer = function OpenLayersFeatureLayer(_ref) {
     hoverSelect = _ref.hoverSelect,
     clickOnFeature = _ref.clickOnFeature,
     boxSelect = _ref.boxSelect,
+    layerId = _ref.layerId,
     testId = _ref.testId,
     opacity = _ref.opacity,
     _ref$declutter = _ref.declutter,
@@ -6144,6 +6147,7 @@ var OpenLayersFeatureLayer = function OpenLayersFeatureLayer(_ref) {
     declutter: declutter,
     features: features.current,
     hoverSelect: hoverSelect,
+    layerId: layerId,
     opacity: opacity,
     style: style,
     testId: testId,
@@ -7604,7 +7608,7 @@ var KNMIgeoservicesRadar = {
 };
 var KNMIgeoservicesObs = {
   name: 'KNMIgeoservicesObs',
-  url: 'https://geoservices.knmi.nl/adagucserver?dataset=OBS',
+  url: 'https://geoservices.knmi.nl/adagucserver?dataset=10-minute-in-situ-meteorological-observations',
   id: 'KNMIgeoservicesObs'
 };
 var KNMIgeoservicesKlimaatAtlas = {
@@ -8229,7 +8233,8 @@ var OpenLayersGetFeatureInfo = function OpenLayersGetFeatureInfo(_ref) {
   var displayMapPin = _ref.displayMapPin,
     disableMapPin = _ref.disableMapPin,
     mapPinLocation = _ref.mapPinLocation,
-    selectLocation = _ref.selectLocation;
+    selectLocation = _ref.selectLocation,
+    shouldHandleClick = _ref.shouldHandleClick;
   var _useContext = useContext(MapContext),
     map = _useContext.map;
   var _useIconStyle = useIconStyle({
@@ -8257,6 +8262,9 @@ var OpenLayersGetFeatureInfo = function OpenLayersGetFeatureInfo(_ref) {
       return function () {};
     }
     var key = map.on('click', function (e) {
+      if (shouldHandleClick && !shouldHandleClick(e)) {
+        return;
+      }
       var projection = map.getView().getProjection();
       var resolution = map.getView().getResolution();
       var location = toLonLat(e.coordinate, projection);
@@ -8272,7 +8280,7 @@ var OpenLayersGetFeatureInfo = function OpenLayersGetFeatureInfo(_ref) {
     return function () {
       unByKey(key);
     };
-  }, [map, displayMapPin, selectLocation]);
+  }, [map, displayMapPin, selectLocation, shouldHandleClick]);
   if (!displayMapPin) {
     return null;
   }

package/dist/src/lib/components/OpenLayers/controls/OpenLayersGetFeatureInfo.d.ts

@@ -1,8 +1,10 @@
+import type { MapBrowserEvent } from 'ol';
 import type { MapLocation } from '../../../types/types';
 export interface OpenLayersGetFeatureInfoProps {
     displayMapPin?: boolean;
     disableMapPin?: boolean;
     mapPinLocation?: MapLocation;
     selectLocation: (location: MapLocation) => void;
+    shouldHandleClick?: (event: MapBrowserEvent<KeyboardEvent | WheelEvent | PointerEvent>) => boolean;
 }
 export declare const OpenLayersGetFeatureInfo: React.FC<OpenLayersGetFeatureInfoProps>;

package/dist/src/lib/components/OpenLayers/layers/FeatureLayer.d.ts

@@ -8,6 +8,7 @@ export interface FeatureLayerProps {
     hoverSelect?: HoverSelect;
     clickOnFeature?: ClickOnFeature;
     boxSelect?: BoxSelect;
+    layerId?: string;
     testId?: string;
     opacity?: number;
     declutter?: boolean;

package/dist/src/lib/components/OpenLayers/layers/OpenLayersFeatureLayer.d.ts

@@ -8,6 +8,7 @@ export interface OpenLayersFeatureLayerProps {
     hoverSelect?: HoverSelect;
     clickOnFeature?: ClickOnFeature;
     boxSelect?: BoxSelect;
+    layerId?: string;
     testId?: string;
     opacity?: number;
     declutter?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/webmap-react",
-  "version": "19.1.1",
+  "version": "19.3.0",
   "description": "GeoWeb react wrapper for webmap",
   "license": "Apache-2.0",
   "repository": {