@geowiki/map

Mapping and geospatial visualization components for GeoWiki, built on Leaflet and React Leaflet.

Installation

npm install @geowiki/map
# or
pnpm add @geowiki/map

Peer Dependencies

npm install react react-dom next next-auth leaflet react-leaflet @react-leaflet/core @tanstack/react-query react-hook-form react-hotkeys-hook zod leaflet-draw ih-leaflet-canvaslayer-field @geowiki/core @geowiki/cms-proxy @geowiki/evoland-api-proxy @geowiki/ui

CSS Setup

Import the pre-built CSS file, which includes Tailwind utilities and custom map styles (popup styling, cluster icons, tooltips):

import "@geowiki/map/styles.css";

You also need Leaflet's CSS:

import "leaflet/dist/leaflet.css";

Usage

import { BasicMap, GeoWikiMap } from "@geowiki/map";

function MapPage() {
  return <BasicMap center={[48.2, 16.3]} zoom={5} />;
}

What's Included

• Map components -- BasicMap, GeoWikiMap, BasfMap, GeoTreesMap, CanopyMap, WaybackTimelineMap
• Layer management -- CustomWMS, GeoJsonLayer, OverlayLayer, TimeSeries
• EvoLand integration -- TiffImage, Annotation, EvolandContainer for satellite imagery
• Utilities -- BingLayer, marker clustering, area selection, polyline measurement

License

MIT