mapbox-ops

Solid

Mapbox GL JS v3 (web) toolkit: custom markers, symbol/geojson layers, clustering, style expressions, 3D terrain/fill-extrusion, heatmaps, choropleths, camera animation, and performance gotchas. Use for any Mapbox GL JS work — markers, layers, style, 3D, or headless map verification.

AI & Automation 42 stars 7 forks Updated 1 weeks ago MIT

Install

View on GitHub

Quality Score: 87/100

Stars 20%
54
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Mapbox GL JS — advanced web toolkit (v3) An advanced toolkit for building production Mapbox GL JS map experiences on the **web**: markers, thematic dataviz, 3D, terrain, cinematic camera, style composition, performance, and the hard-won gotchas that bite. Scope: **`mapbox-gl-js` v3.x in the browser** (CDN `mapbox-gl-js/v3.x/`) — not the native iOS/Android SDKs (different APIs). Plain GL JS, framework-agnostic. Several patterns were distilled from a production trail map; adapt the constants to your own design. ## Setup invariants - Set `mapboxgl.accessToken` before `new mapboxgl.Map(...)`. - The map needs **`'load'`** before adding sources/layers/images. In a throttled or background tab `'load'` can be missed — also bind `'idle'` as a one-shot fallback guarded by an `_inited` flag (see [verification.md](references/verification.md)). - Resolving token/style from `.env`: **read the token FIRST** (that triggers the `.env` load), THEN read `MAPBOX_STYLE`. Reading the style before the token load silently falls back to the default style. See [palette.md](references/palette.md). - **Classic vs Standard style.** Several techniques here (basemap palette recolour, the terrain boost-or-add `getStyle().layers` walk) assume a **classic** style (Streets/Outdoors/Light/Dark `…-v12`). The v3 default **Standard** style has no enumerable named layers — use slots + `setConfigProperty` instead. See [v3-standard-style.md](references/v3-standard-style.md) before porting to Stan...

Details

Author
0xDarkMatter
Repository
0xDarkMatter/claude-mods
Created
10 months ago
Last Updated
1 weeks ago
Language
Shell
License
MIT

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category