description: >- Solid Map GL provides Mapbox & MapLibre functionality within SolidJS applications cover: docs/docs/header.png coverY: -136.56381942189023 layout: landing

Introduction

SolidJS Component Library for Mapbox GL JS and MapLibre GL. Both libraries render interactive maps from vector tiles and Map styles using WebGL. This project is intended to be as close as possible to the Mapbox GL JS API.

{% content-ref url="docs/start.md" %} start.md {% endcontent-ref %}

{% content-ref url="docs/examples.md" %} examples.md {% endcontent-ref %}

Simple Demo

{% embed url="https://stackblitz.com/edit/solid-map-gl-intro?embed=1&hideExplorer=1&hideNavigation=1&hidedevtools=1&view=preview&file=src%2FApp.tsx" %}

Roadmap

• [x] Basic Mapbox GL Functionality
• [x] Include Map Controls
• [x] Include Fog, Sky, and Terrain
• [x] Include Popup and Markers
• [x] Minify bundle & reduce size
• [x] Add basemap switching
• [x] Include event handling
• [x] Sync Maps
• [x] Add MapLibre support
• [x] Add draw functionality
• [x] Add 3D Layer support
• [ ] Add debug console