Feature/0671 add wms requests to implicit feature selection

apps/geoportal/src/app/components/GeoportalMap/GeoportalMap.tsx

@@ -1,5 +1,7 @@
 import L from "leaflet";
+import proj4 from "proj4";
 import { getFromWebMercatorToWGS84 } from "@carma-geo/proj";
+import { FeatureInfoRectangleLayer } from "@carma-appframeworks/envirometrics";
 import {
   useCallback,
   useContext,
@@ -110,7 +112,10 @@ import { useObliqueInitializer } from "../../oblique/hooks/useObliqueInitializer
 import { useCameraOrbit } from "../../hooks/useCameraOrbit.ts";
 import { useGeoportalInitialValues } from "../../hooks/useGeoportalInitialValues.ts";
 
-import { onClickTopicMap } from "./topicmap.utils.ts";
+import {
+  onClickTopicMap,
+  type FeatureInfoRectangle,
+} from "./topicmap.utils.ts";
 import { useGeoportalCesiumNavigationRestore } from "./hooks/useGeoportalCesiumNavigationRestore.ts";
 import { useCreateCismapLayers } from "./hooks/useCreateCismapLayer.ts";
 
@@ -368,6 +373,8 @@ const GeoportalMapInner = ({ height, width, allow3d }: MapProps) => {
   const markerRef = useRef(undefined);
   const markerAccentRef = useRef(undefined);
   const [pos, setPos] = useState<[number, number] | null>(null);
+  const [featureInfoRectangle, setFeatureInfoRectangle] =
+    useState<FeatureInfoRectangle | null>(null);
   // TODO: move all these to a custom hook and collect all calls to updateFeatureInfo there
   const [shouldUpdateFeatureInfo, setShouldUpdateFeatureInfo] =
     useState<boolean>(false);
@@ -815,6 +822,36 @@ const GeoportalMapInner = ({ height, width, allow3d }: MapProps) => {
     }
   }, [maplibreMaps]);
 
+  useEffect(() => {
+    if (uiMode !== UIMode.DEFAULT) {
+      setFeatureInfoRectangle(null);
+    }
+  }, [uiMode]);
+
+  useEffect(() => {
+    if (uiMode !== UIMode.DEFAULT || !selectedFeature) {
+      return;
+    }
+    const layerWithSelectedFeature = layers.find(
+      (l) => l.id === selectedFeature.id
+    );
+    if (layerWithSelectedFeature && !layerWithSelectedFeature.visible) {
+      dispatch(setSelectedFeature(null));
+      dispatch(setSecondaryInfoBoxElements([]));
+      dispatch(setFeatures([]));
+      setFeatureInfoRectangle(null);
+    }
+  }, [layers, selectedFeature, uiMode, dispatch]);
+
+  const hasPointInfoLayer = useMemo(
+    () =>
+      layers.some(
+        (layer) =>
+          layer.visible && layer.conf !== undefined && "pointInfo" in layer.conf
+      ),
+    [layers]
+  );
+
   useEffect(() => {
     const leaflet = getLeafletMap();
 
@@ -1227,6 +1264,7 @@ const GeoportalMapInner = ({ height, width, allow3d }: MapProps) => {
               zoom: getLeafletZoom(),
               map: map,
               maplibreMapsRef,
+              setFeatureInfoRectangle,
             });
           }}
           gazetteerSearchControl={true}
@@ -1243,6 +1281,16 @@ const GeoportalMapInner = ({ height, width, allow3d }: MapProps) => {
             )}
 
           {useCreateCismapLayers(layers, createLayerOptions)}
+          {hasPointInfoLayer &&
+            uiMode === UIMode.DEFAULT &&
+            featureInfoRectangle && (
+              <FeatureInfoRectangleLayer
+                position={featureInfoRectangle.position}
+                upperleftX={featureInfoRectangle.upperleftX}
+                upperleftY={featureInfoRectangle.upperleftY}
+                pixelsize={featureInfoRectangle.pixelsize}
+              />
+            )}
           <PrintPreview />
           <Measurements snappingLayers={maplibreMaps} />
         </TopicMapComponent>

apps/geoportal/src/app/components/GeoportalMap/LibreGeoportalMap.tsx

@@ -427,6 +427,7 @@ const LibreGeoportalMap = ({
               store,
               zoom: map.current?.getZoom() + 1,
               map: map.current,
+              setFeatureInfoRectangle: () => undefined,
             }
           );
         } else {