LogoClawIndex
案例技能关于
LogoClawIndex

mapbox-web-integration-patterns - 主流 Web 框架的 Mapbox GL JS 集成范式

提供 Mapbox GL JS 在 React、Vue、Svelte、Angular 及 Next.js 等框架中的集成范式,涵盖生命周期、Token、搜索及常见错误。

标签

更新于: 2026-09-23
mapboxmapbox-gl-jsreactvuesvelteangularnextjs

能力

集成 Mapbox GL JS 到框架管理地图生命周期与清理安全配置 Mapbox 访问令牌集成 Mapbox Search JS 组件

典型输入

Mapbox 访问令牌Web 框架项目配置Mapbox npm 依赖包

典型输出

Mapbox 地图组件实例搜索框 UI 集成地图清理处理函数代码

该技能可以做什么

  • 集成 Mapbox GL JS 到框架
  • 管理地图生命周期与清理
  • 安全配置 Mapbox 访问令牌
  • 集成 Mapbox Search JS 组件
  • 预防常见的 Mapbox 内存泄漏

输入

  • Mapbox 访问令牌
  • Web 框架项目配置
  • Mapbox npm 依赖包

输出

  • Mapbox 地图组件实例
  • 搜索框 UI 集成
  • 地图清理处理函数代码

要求

  • Mapbox GL JS v3.x 或 v2.x
  • v3.x 所需的 WebGL 2 支持
  • Node.js 和 npm 包管理器
  • 受支持的 Web 框架版本

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。