bmap-jsapi-gl

分类: 开发与编程 | 上传者: baidu-maps | 下载: 0 | 版本: v1.0（最新）

百度地图 JSAPI WebGL (BMapGL) 开发指南。在编写、审查或调试使用百度地图 API的代码时应运用此技能。适用于涉及地图初始化、覆盖物渲染、图层管理、事件处理、控件交互或性能优化的任务。当用户提及 BMapGL、百度地图、jsapi-gl或相关地图开发需求时自动触发。

更新日志: Source: GitHub https://github.com/baidu-maps/jsapi-skills

目录结构

当前层级: skills/bmap-jsapi-gl/

📁 references/
- 📄 base-classes.md 4.5 KB
- 📄 circle.md 3.4 KB
- 📄 constants.md 859 B
- 📄 convertor.md 2.5 KB
- 📄 custom-overlay.md 4.3 KB
- 📄 driving-route.md 3.2 KB
- 📄 geocoder.md 3.6 KB
- 📄 info-window.md 4.3 KB
- 📄 local-search.md 4.8 KB
- 📄 map-events.md 6.8 KB
- 📄 map-init.md 6.6 KB
- 📄 map-style.md 7.2 KB
- 📄 marker.md 3.5 KB
- 📄 mvt-layer.md 3.3 KB
- 📄 overlay-common.md 1.5 KB
- 📄 overlay-events.md 2.8 KB
- 📄 polygon.md 5.3 KB
- 📄 polyline.md 4.3 KB
- 📄 riding-route.md 586 B
- 📄 route-common.md 6.6 KB
- 📄 transit-route.md 5.4 KB
- 📄 walking-route.md 858 B
- 📄 xyz-layer.md 3.2 KB
📄 SKILL.md 3.7 KB

SKILL.md

---
name: bmap-jsapi-gl
description: 百度地图 JSAPI WebGL (BMapGL) 开发指南。在编写、审查或调试使用百度地图 API的代码时应运用此技能。适用于涉及地图初始化、覆盖物渲染、图层管理、事件处理、控件交互或性能优化的任务。当用户提及 BMapGL、百度地图、jsapi-gl或相关地图开发需求时自动触发。
license: MIT
version: 1.0.0
metadata:
  openclaw:
    requires:
      bins: ["node"]
      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 参数说明和注意事项

登录后下载/点赞/收藏 ❤ 29 | ★ 0

bmap-jsapi-gl

目录结构

SKILL.md

举报内容

提示