Mapsight is a framework for building web applications with OpenLayers and React.
| Package | Description |
|---|---|
⛓️ core |
Mapsight Core (Redux Store) The core of Mapsight, providing the Redux store and the core architecture (controllers, base actions, redux devtools). |
🖥️ ui |
Default UI (React) The default UI and component library with maps, lists, filters, switchers, etc. Mapsight UI allows you to compose your own UI from the provided components or use a default UI with some configuration and customizations. |
🎨 traffic-style |
Default style package (icons and vector styles) The default style package with icons and vector styles, tailored for traffic applications, but also provides a set of general POI styles and icons, suitable for various use cases. |
✏️ vector-style-compiler |
CSS → OL StyleFunction compiler The vector style compiler is a tool that converts a subset of CSS styles into a multi-layer cached efficient OpenLayers style function, letting you style based on zoom, feature properties, environment, and more. It also allows you to freely add more geometries based on the base features to build complex vector objects. |
🌐 lib-ol |
OpenLayers utilities This package contains utilities for working with OpenLayers. |
⚛️ lib-redux |
Redux utilities This package contains utilities for working with Redux. |
⚙️ lib-js |
JavaScript utilities (Deprecated) This package contains utilities for working with JavaScript. |
| Application | Description |
|---|---|
🧑🎨 vector-editor |
Vector editor for creating and editing vector features exported as GeoJSON. |
💡 demo-vite |
Simple demo app of Mapsight UI built with Vite. |
💡 demo-next |
Simple demo app of Mapsight UI built with Next.js. |
# Install with pnpm
pnpm install
# Run all tests & checks
pnpm test
pnpm lint
pnpm typecheck
# Watch mode
pnpm watch
# Build everything
pnpm build
# Build single package
pnpm --filter @mapsight/vector-style-compiler build