mapbox-ops
SolidMapbox 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
Quality Score: 87/100
Stars 20%
Recency 20%
Frontmatter 20%
Documentation 15%
Issue Health 10%
License 10%
Description 5%
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
API & Backend Listed
bmap-jsapi-three
使用 MapV-Three 构建专业的 3D 地图和 GIS 应用 - 基于 Z-up 坐标系的 3D 地图库,支持地图编辑、测量工具、要素绘制、数据管理等地理可视化功能。适用于创建地图编辑器、测量工具、空间数据可视化等 Web-GIS 应用。
46 Updated 2 weeks ago
baidu-maps AI & Automation Listed
maps-geography
Use when embedding interactive maps, geospatial charts, or Leaflet/Mapbox visualizations
7 Updated yesterday
imMamdouhaboammar API & Backend Listed
bmap-jsapi-gl
百度地图 JSAPI WebGL (BMapGL)完整开发指南,覆盖地图初始化、覆盖物、图层、事件、样式、性能优化的任务,一站式开发高性能 3D 地图应用。当用户提及 BMapGL、百度地图、jsapi-gl或相关地图开发需求时自动触发。
46 Updated 2 weeks ago
baidu-maps