---
description: >-
  Solid Map GL provides Mapbox & MapLibre functionality within SolidJS
  applications
---

# Introduction

[SolidJS](https://www.solidjs.com/) Component Library for [Mapbox GL JS](https://github.com/mapbox/mapbox-gl-js) and [MapLibre GL.](https://maplibre.org/projects/maplibre-gl-js/) 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.](https://docs.mapbox.com/mapbox-gl-js/api/)

{% content-ref url="start" %}
[start](start)
{% endcontent-ref %}

{% content-ref url="examples" %}
[examples](examples)
{% 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
