Solidjs MapLibre GL

🗺️ Build interactive web maps effortlessly with MapLibre GL JS and Solidjs.

Features:

• A flexible, minimally opinionated API design that is suitable for both beginners and experienced MapLibre users
• Traditional imperative MapLibre GL JS usage remains fully supported

Quick start

👉 Documentation and Live Demos: Here

Installation

bun add -D solidjs-maplibre-gl
# or
npm i  --save-dev solidjs-maplibre-gl
# or
yarn add solidjs-maplibre-gl
# or
pnpm add solidjs-maplibre-gl

License

Licensed under MIT

Acknowledgements

This project draws strong inspiration from the works of the following libraries:

• shishkin/solid-maplibre — SolidJS wrapper around MapLibre GL JS.
• MIERUNE/svelte-maplibre-gl — The most declarative and reactive MapLibre GL JS experience, powered by Svelte 5.
• visgl/react-map-gl — React friendly API wrapper around Mapbox/MapLibre GL JS.
• MapLibre GL JS — Open-source TypeScript library for publishing maps on your website. Great performance due to GPU-accelerated vector tile rendering.

Contributing

Everyone is welcome to contribute to this project! There are many ways to support it, such as:

• Trying it out and reporting any issues or missing features

• Expanding, improving, or suggesting new examples

• Any other ideas you might have!

Authors

See Contributors list

---

This project was created with the Solid CLI