feat(feature-info): display basic feature info in default template

.env

@@ -3,10 +3,11 @@ VITE_USE_PROXYURL=true
 VITE_PROXYURL_WMS="/ogcproxywms"
 VITE_PROXYURL_REMOTE="/httpsproxy"
 
-# Urls for metadata, metadata links and legends
+# Urls for metadata, metadata links, legends, feature info
 VITE_GEONETWORK_URL="https://geocatalogue.geoportail.lu/geonetwork/srv"
 VITE_GET_LEGENDS_URL="/legends/get_html"
 VITE_GET_METADATA_URL="/getMetadata"
+VITE_GET_INFO_SERVICE_URL="/getfeatureinfo"
 
 # Paths for symbols
 VITE_SYMBOL_ICONS_URL="/mymaps"

.env.development

@@ -3,10 +3,11 @@ VITE_USE_PROXYURL=true
 VITE_PROXYURL_WMS="https://migration.geoportail.lu/ogcproxywms"
 VITE_PROXYURL_REMOTE="https://migration.geoportail.lu/httpsproxy"
 
-# Urls for metadata, metadata links and legends
+# Urls for metadata, metadata links, legends, feature info
 VITE_GEONETWORK_URL="https://geocatalogue.geoportail.lu/geonetwork/srv"
 VITE_GET_LEGENDS_URL="https://migration.geoportail.lu/legends/get_html"
 VITE_GET_METADATA_URL="https://migration.geoportail.lu/getMetadata"
+VITE_GET_INFO_SERVICE_URL="https://migration.geoportail.lu/getfeatureinfo"
 
 # Paths for symbols
 VITE_SYMBOL_ICONS_URL="https://map.geoportail.lu/mymaps" # !!! use prod because of CORS

.env.e2e

@@ -3,10 +3,11 @@ VITE_USE_PROXYURL=true
 VITE_PROXYURL_WMS="https://map.geoportail.lu/ogcproxywms"
 VITE_PROXYURL_REMOTE="https://map.geoportail.lu/httpsproxy"
 
-# Urls for metadata, metadata links and legends
+# Urls for metadata, metadata links, legends, feature info
 VITE_GEONETWORK_URL="https://geocatalogue.geoportail.lu/geonetwork/srv"
 VITE_GET_LEGENDS_URL="https://migration.geoportail.lu/legends/get_html"
 VITE_GET_METADATA_URL="https://migration.geoportail.lu/getMetadata"
+VITE_GET_INFO_SERVICE_URL="https://migration.geoportail.lu/getfeatureinfo"
 
 # Paths for symbols
 VITE_SYMBOL_ICONS_URL="https://map.geoportail.lu/mymaps" # !!! use prod because of CORS

.env.staging

@@ -3,10 +3,11 @@ VITE_USE_PROXYURL=true
 VITE_PROXYURL_WMS="https://migration.geoportail.lu/ogcproxywms"
 VITE_PROXYURL_REMOTE="https://migration.geoportail.lu/httpsproxy"
 
-# Urls for metadata, metadata links and legends
+# Urls for metadata, metadata links, legends, feature info
 VITE_GEONETWORK_URL="https://geocatalogue.geoportail.lu/geonetwork/srv"
 VITE_GET_LEGENDS_URL="https://migration.geoportail.lu/legends/get_html"
 VITE_GET_METADATA_URL="https://migration.geoportail.lu/getMetadata"
+VITE_GET_INFO_SERVICE_URL="https://migration.geoportail.lu/getfeatureinfo"
 
 # Paths for symbols
 VITE_SYMBOL_ICONS_URL="https://migration.geoportail.lu/mymaps"

src/components/info/feature-info.composable.ts

@@ -0,0 +1,31 @@
+import { useAppStore } from '@/stores/app.store'
+import useMap from '@/composables/map/map.composable'
+import { listen } from 'ol/events'
+import { FeatureInfoService } from './feature-info.service'
+import { useFeatureInfoStore } from '@/stores/feature-info.store'
+import { FeatureInfo } from './feature-info.model'
+import { MapBrowserEvent } from 'ol'
+
+export default function useFeatureInfo() {
+  const map = useMap().getOlMap()
+  const { toggleInfoOpen } = useAppStore()
+  const { setContent } = useFeatureInfoStore()
+
+  function init() {
+    const featureInfoService = new FeatureInfoService(map)
+
+    listen(map, 'pointerup', event => {
+      ;(async () => {
+        const mapBrowserEvent = event as MapBrowserEvent<any>
+        const content: FeatureInfo[] | undefined =
+          await featureInfoService.singleclickEvent(mapBrowserEvent, false)
+        if (content) {
+          setContent(content)
+          toggleInfoOpen(true)
+        }
+      })()
+    })
+  }
+
+  return { init }
+}

src/components/info/feature-info.model.ts

@@ -0,0 +1,38 @@
+import { Geometry } from 'ol/geom'
+
+export interface Feature {
+  type: string
+  geometry: Geometry
+  fid: string
+  id: string
+  attributes: Attributes
+  alias: Record<string, unknown>
+}
+
+// interface Geometry {
+//   type: string
+//   coordinates: number[][][]
+// }
+
+export interface Attributes {
+  name: string
+  canton: string
+  district: string
+  showProfile: { active: boolean }
+  profile: any
+  label: string
+  [key: string]: any
+  value: string
+}
+
+export interface FeatureInfo {
+  features: Feature[]
+  remote_template: boolean
+  template: string
+  layer: string
+  ordered: boolean
+  has_profile: boolean
+  total_features_count: number
+  features_count: number
+  layerLabel: string
+}