Initial GeoIntel V1 foundation

2026-06-16 23:36:32 +02:00
commit 6ea3586a3e
605 changed files with 45284 additions and 0 deletions
@@ -0,0 +1,116 @@
+import { useEffect, useRef } from 'react'
+import maplibregl from 'maplibre-gl'
+import 'maplibre-gl/dist/maplibre-gl.css'
+
+interface GeoMapProps {
+  data: GeoJSON.FeatureCollection | null
+}
+
+function collectCoordinates(featureCollection: GeoJSON.FeatureCollection): maplibregl.LngLatBoundsLike | null {
+  const coordinates: [number, number][] = []
+  const walk = (coords: unknown) => {
+    if (!Array.isArray(coords)) {
+      return
+    }
+    if (coords.length === 2 && typeof coords[0] === 'number' && typeof coords[1] === 'number') {
+      coordinates.push([coords[0], coords[1]])
+      return
+    }
+    for (const item of coords) {
+      walk(item)
+    }
+  }
+
+  for (const feature of featureCollection.features) {
+    const geometry = feature.geometry as any
+    if (geometry && geometry.coordinates) {
+      walk(geometry.coordinates)
+    }
+  }
+
+  if (coordinates.length === 0) {
+    return null
+  }
+
+  const xs = coordinates.map((point) => point[0])
+  const ys = coordinates.map((point) => point[1])
+  return [
+    [Math.min(...xs), Math.min(...ys)],
+    [Math.max(...xs), Math.max(...ys)],
+  ]
+}
+
+function GeoMap({ data }: GeoMapProps): JSX.Element {
+  const containerRef = useRef<HTMLDivElement | null>(null)
+  const mapRef = useRef<maplibregl.Map | null>(null)
+
+  useEffect(() => {
+    if (!containerRef.current || mapRef.current) {
+      return
+    }
+
+    const map = new maplibregl.Map({
+      container: containerRef.current,
+      style: import.meta.env.VITE_MAP_STYLE_URL || 'https://demotiles.maplibre.org/style.json',
+      center: [5.3, 51.3],
+      zoom: 9,
+    })
+    map.addControl(new maplibregl.NavigationControl(), 'top-right')
+    mapRef.current = map
+
+    return () => {
+      map.remove()
+      mapRef.current = null
+    }
+  }, [])
+
+  useEffect(() => {
+    const map = mapRef.current
+    if (!map) {
+      return
+    }
+
+    if (map.getSource('dataset')) {
+      if (data) {
+        ;(map.getSource('dataset') as maplibregl.GeoJSONSource).setData(data)
+      } else {
+        if (map.getLayer('dataset-fill')) {
+          map.removeLayer('dataset-fill')
+        }
+        if (map.getLayer('dataset-line')) {
+          map.removeLayer('dataset-line')
+        }
+        map.removeSource('dataset')
+        return
+      }
+    } else if (data) {
+      map.addSource('dataset', { type: 'geojson', data })
+      map.addLayer({
+        id: 'dataset-fill',
+        type: 'fill',
+        source: 'dataset',
+        paint: { 'fill-color': '#f97316', 'fill-opacity': 0.4 },
+      })
+      map.addLayer({
+        id: 'dataset-line',
+        type: 'line',
+        source: 'dataset',
+        paint: { 'line-color': '#ea580c', 'line-width': 2 },
+      })
+    }
+
+    if (data) {
+      const collection = data
+      if (collection.type === 'FeatureCollection' && collection.features.length > 0) {
+        const bounds = collectCoordinates(collection)
+        if (bounds) {
+          map.fitBounds(bounds, { padding: 40 })
+        }
+      }
+    }
+  }, [data])
+
+  return <div className="map-container" ref={containerRef} />
+}
+
+export default GeoMap