Skip to content
Development
Skill

/bmap-jsapi-gl

百度地图 JSAPI WebGL (BMapGL)完整开发指南,覆盖地图初始化、覆盖物、图层、事件、样式、性能优化的任务,一站式开发高性能 3D 地图应用。当用户提及 BMapGL、百度地图、jsapi-gl或相关地图开发需求时自动触发。

From plugin
jsapi-skills
464 skills

Claude Code

$ npx -y skills add baidu-maps/jsapi-skills --skill bmap-jsapi-gl --agent claude-code

SKILL.md

bmap-jsapi-gl.SKILL.md
name: bmap-jsapi-gl
description: 百度地图 JSAPI WebGL (BMapGL)完整开发指南,覆盖地图初始化、覆盖物、图层、事件、样式、性能优化的任务,一站式开发高性能 3D 地图应用。当用户提及 BMapGL、百度地图、jsapi-gl或相关地图开发需求时自动触发。
license: MIT
version: 1.0.1
metadata:
  openclaw:
    requires:
      env: BMAP_JSAPI_KEY
    primaryEnv: BMAP_JSAPI_KEY

JSAPI GL 开发指南

百度地图 JSAPI WebGL 版本开发指南。包含地图初始化、覆盖物、事件、图层等核心模块的 API 说明和代码示例,旨在帮助开发者快速集成百度地图并遵循正确的使用方式。

何时适用

在以下场景中参考这些指南:

  • 创建新的地图页面或组件
  • 在地图上添加标注、折线、多边形等覆盖物
  • 处理地图交互事件(点击、拖拽、缩放等)
  • 配置地图样式或切换图层
  • 调试地图渲染或性能问题

快速参考

0. 基础概念

  • `references/base-classes.md` - 基础类:Point、Bounds、Size、Pixel、Icon
  • `references/constants.md` - 通用常量:搜索状态码、POI 类型

1. 地图

  • `references/map-init.md` - 地图初始化:资源引入、创建实例、配置选项、交互与视图控制

2. 地图覆盖物

  • `references/overlay-common.md` - 覆盖物通用操作:添加/移除、显示/隐藏、批量清除
  • `references/marker.md` - 点标记:构造参数、位置/图标/旋转/置顶/拖拽方法
  • `references/polyline.md` - 折线:构造参数、线条样式、坐标操作、编辑模式
  • `references/polygon.md` - 多边形:构造参数、边框/填充样式、带孔多边形、编辑模式
  • `references/circle.md` - 圆形:构造参数、中心点/半径、样式设置、编辑模式
  • `references/custom-overlay.md` - 自定义覆盖物:DOM 创建、属性传递、事件绑定、旋转控制
  • `references/info-window.md` - 信息窗口:构造参数、内容/尺寸设置、最大化、与 Marker 配合使用

3. 事件

  • `references/map-events.md` - 地图事件:绑定方式、交互事件、视图变化事件、生命周期事件
  • `references/overlay-events.md` - 覆盖物事件:通用事件、拖拽事件、矢量图形事件

4. 地图样式

  • `references/map-style.md` - 个性化地图:自定义地图外观(颜色、显隐),实现深色主题、简洁地图等效果

5. 图层服务

  • `references/xyz-layer.md` - 第三方图层:加载 XYZ/TMS/WMS/WMTS 标准瓦片
  • `references/mvt-layer.md` - 矢量瓦片:加载 MVT/PBF 格式瓦片,支持样式表达式、特征交互、状态管理

6. 路径规划

  • `references/route-common.md` - 通用配置:构造参数、渲染选项、回调函数、数据结构、状态常量
  • `references/driving-route.md` - 驾车:策略枚举、途经点、路况、收费、拖拽
  • `references/walking-route.md` - 步行:转向类型、拖拽
  • `references/riding-route.md` - 骑行:骑行搜索
  • `references/transit-route.md` - 公交:市内/跨城策略、交通方式、换乘

7. 其他LBS服务

  • `references/local-search.md` - 本地检索:普通/范围/周边检索、结果处理、翻页、POI 数据结构
  • `references/geocoder.md` - 地理编码:正地理编码(地址→坐标)、逆地理编码(坐标→地址)
  • `references/convertor.md` - 坐标转换:GPS/高德/谷歌坐标转百度坐标

如何使用

请阅读各个参考文件以获取详细说明和代码示例:

references/map-init.md

每个参考文件包含:

  • 功能简要说明
  • 完整代码示例及解释
  • API 参数说明和注意事项

注意事项

  • `references/get-ak.md` - 获取密钥(AK):当用户无 AK 或 AK 失效时,引导用户前往控制台申请浏览器端类型的 AK
Read more
@baidu-maps
Ships withjsapi-skills

This repository provides AI assistant Skills for Baidu Map JSAPI. Use them with Claude, Cursor, or other clients that support skills so the AI can reference accurate API docs and examples when you work with Baidu Map.

Stars on GitHub

Momentum

stars in total
46
Star history of baidu-maps/jsapi-skills on GitHub, a chart by star-history.com

Other skills on jsapi-skills.

bmap-jsapi-three

bmap-jsapi-three

使用 MapV-Three 构建专业的 3D 地图和 GIS 应用 - 基于 Z-up 坐标系的 3D 地图库,支持地图编辑、测量工具、要素绘制、数据管理等地理可视化功能。适用于创建地图编辑器、测量工具、空间数据可视化等 Web-GIS 应用。

bmap-jsapi-v4

bmap-jsapi-v4

用于开发、审查或排查使用百度地图 JavaScript API 4.0、v=4.0 加载器或全局 BMap 命名空间的浏览器应用。

jsapi-ui-kit

jsapi-ui-kit

百度地图官方 UI 交互组件,提供地点自动补全(PlaceAutocomplete)、地点检索(PlaceSearch)、地点详情(PlaceDetail)和路径规划(RoutePlan)组件的使用参考,快速实现地图界面,大幅提升开发效率。

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills12d309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc13d293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react2d252k
@facebook@facebookInstall Skill

Questions about bmap-jsapi-gl.

Which coding agents can use bmap-jsapi-gl?
bmap-jsapi-gl installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.