Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/GIShub4/solid-map-gl

Solid JS Components Library for Mapbox & MapLibre 🌏
https://github.com/GIShub4/solid-map-gl

gis map mapbox mapbox-gl mapbox-gl-js maplibre maps solidjs webgl

Last synced: 6 days ago
JSON representation

Solid JS Components Library for Mapbox & MapLibre 🌏

Awesome Lists containing this project

README

        

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

# 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="docs/start.md" %}
[start.md](docs/start.md)
{% endcontent-ref %}

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