BMap JSAPI GL

Baidu Maps BMapGL reference pack: 24 API docs for overlays, layers, routing

Tested · Works

Test report

Verdict
Tested · Works
Score
8.8/10
Tested
Aug 10, 2026
Environment
Claude Code 2.x (agent harness)

Asked for a dark-themed BMapGL page with a draggable marker and an info window, first from memory and then with the skill loaded. The no-skill version set the theme with setMapStyleV2({styleId:'dark'}) and an InfoWindow of width 200 — downloading the actual BMapGL bundle and reading it shows any styleId under 32 chars is coerced into a style-name lookup where only 'default' and 'grayed-out' exist, and setWidth clamps anything below 220, so both lines silently do nothing. The skill's map-style.md hands over a working five-rule dark styleJson in the required #RRGGBBAA form, and its docs flag the 220-730 width range plus the mandatory map.destroy() teardown the baseline omitted. All 24 reference files cited in SKILL.md exist; the frontmatter's '3D map' claim is a stretch, since the repo's own README assigns 3D to the sibling bmap-jsapi-three skill.

Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works

  • Installs cleanly 5/5
  • Triggers reliably 5/5
  • Output vs. baseline 8/10
  • Docs & honesty 4/5

What BMap JSAPI GL does

Official Baidu Maps skill that loads WebGL (BMapGL) API reference on demand: map init, markers, polylines, polygons, info windows, custom map styles, MVT/XYZ layers, routing, geocoding and coordinate conversion. Triggers when a request mentions BMapGL, 百度地图 or jsapi-gl, and points Claude at the one reference file that answers the question instead of guessing at API shapes. Rendering real tiles still needs a Baidu browser-side AK, which the skill explains how to obtain.

How to install BMap JSAPI GL

git clone https://github.com/baidu-maps/jsapi-skills.git
mkdir -p ~/.claude/skills
cd jsapi-skills && cp -r skills/bmap-jsapi-gl ~/.claude/skills/bmap-jsapi-gl

Skills live in ~/.claude/skills/ (global) or .claude/skills/ (per-project). Restart Claude Code after installing.

Commands — how to trigger BMap JSAPI GL

  • /bmap-jsapi-gl Baidu Maps BMapGL reference pack: 24 API docs for overlays, layers, routing

It also activates on plain-language prompts like these:

  • 帮我用百度地图 BMapGL WebGL API 做一个带暗色自定义样式、支持拖拽标记的地图展示页面
  • 请用百度地图 jsapi-gl 实现一个地图页面,标记可以拖拽,点击后弹出详细信息窗口
  • 如何用百度地图 WebGL API 加载自定义地图样式,并实现路线规划和坐标系转换功能

Frequently asked questions

Is the BMap JSAPI GL skill free?
Yes. The skill itself is free from baidu-maps/jsapi-skills. SkillProof publishes the install command and an independent test verdict at no cost.
Does BMap JSAPI GL work with Claude Code?
We tested it with Claude Code 2.x (agent harness) on Aug 10, 2026. Verdict: Tested · Works. Asked for a dark-themed BMapGL page with a draggable marker and an info window, first from memory and then with the skill loaded. The no-skill version set the theme with setMapStyleV2({styleId:'dark'}) and an InfoWindow of width 200 — downloading the actual BMapGL bundle and reading it shows any styleId under 32 chars is coerced into a style-name lookup where only 'default' and 'grayed-out' exist, and setWidth clamps anything below 220, so both lines silently do nothing. The skill's map-style.md hands over a working five-rule dark styleJson in the required #RRGGBBAA form, and its docs flag the 220-730 width range plus the mandatory map.destroy() teardown the baseline omitted. All 24 reference files cited in SKILL.md exist; the frontmatter's '3D map' claim is a stretch, since the repo's own README assigns 3D to the sibling bmap-jsapi-three skill.
What is the BMap JSAPI GL SkillProof Score?
8.8/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 8/10, docs & honesty 4/5.
How do I install BMap JSAPI GL?
Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
Can I use BMap JSAPI GL with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.