Skip to content
Development
Skill

/bmap-jsapi-three

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

From plugin
jsapi-skills
464 skills

Claude Code

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

SKILL.md

bmap-jsapi-three.SKILL.md
name: bmap-jsapi-three
description: 使用 MapV-Three 构建专业的 3D 地图和 GIS 应用 - 基于 Z-up 坐标系的 3D 地图库,支持地图编辑、测量工具、要素绘制、数据管理等地理可视化功能。适用于创建地图编辑器、测量工具、空间数据可视化等 Web-GIS 应用。
license: MIT
version: 1.0.1
metadata:
  openclaw:
    requires:
      env: BMAP_JSAPI_KEY
    primaryEnv: BMAP_JSAPI_KEY

MapV-Three 开发指南

使用 MapV-Three 构建高性能的 3D 地图和 GIS 应用 - 一个采用 Z-up 坐标系的跨浏览器 WebGL 库。

何时适用

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

  • 3D 地图编辑和要素绘制
  • 地图测量工具开发
  • 建筑物、区域等 3D 可视化
  • 实时交通数据展示
  • 路径追踪动画开发

快速参考

0. 核心引擎

  • `references/engine.md` - Engine 引擎核心:初始化、场景管理、渲染控制
  • `references/initialization.md` - 引擎初始化、资源配置、百度地图适配器

1. 数据管理

  • `references/datasource.md` - DataSource 数据源基类
  • `references/datasource/geojson-datasource.md` - GeoJSON 数据源
  • `references/datasource/json-datasource.md` - JSON 数据源
  • `references/datasource/csv-datasource.md` - CSV 数据源
  • `references/datasource/dataitem.md` - DataItem 数据项

2. 点对象与标签

  • `references/simple-point.md` - SimplePoint 简单点
  • `references/effect-point.md` - EffectPoint 特效点(Fan、Bubble、Wave、Breath、Radar 等)
  • `references/marker-types.md` - 标记类型(Icon、BallonPoint、DOMPoint、EffectModelPoint)
  • `references/circle.md` - Circle 圆形(屏幕空间渲染)
  • `references/label.md` - Label 文本/图标标签
  • `references/text.md` - Text 文本组件
  • `references/cluster.md` - ClusterPoint 点聚合

3. 线与面

  • `references/polyline.md` - Polyline 折线(flat 参数控制渲染模式)
  • `references/simple-line.md` - SimpleLine 简单线
  • `references/wall.md` - Wall 墙体/围栏
  • `references/polygon.md` - Polygon 多边形
  • `references/pillar.md` - Pillar 柱体

4. 覆盖物

  • `references/marker.md` - Marker 标记
  • `references/popup.md` - Popup 弹出窗口
  • `references/dom-overlay.md` - DOMOverlay DOM 覆盖物

5. 追踪器

  • `references/tracker.md` - 追踪器总览与生命周期
  • `references/path-tracker.md` - PathTracker 路径追踪
  • `references/object-tracker.md` - ObjectTracker 对象追踪
  • `references/orbit-tracker.md` - OrbitTracker 轨道追踪

6. 编辑与测量

  • `references/editor.md` - Editor 编辑器
  • `references/measure.md` - Measure 测量工具

7. 3D 模型

  • `references/model.md` - 3D 模型加载(SimpleModel/AnimationModel/LODModel)
  • `references/twin.md` - Twin 孪生车流(实时车流可视化、DataProvider 数据处理)
  • `references/mock-twin.md` - MockTwin 模拟车流(基于路线数据的车流模拟生成)

8. 材质与特效

  • `references/materials.md` - 材质系统(WaterMaterial、ExtendMeshStandardMaterial 等)
  • `references/easing-function.md` - 缓动函数(LINEAR、QUINTIC_IN_OUT、CUBIC_OUT)

9. 天空与天气

  • `references/sky-weather.md` - 天空系统(EmptySky/DynamicSky/StaticSky)和天气

10. 热力图

  • `references/heatmap.md` - Heatmap 热力图

11. 地图图层加载

  • `references/imagery-tile-provider.md` - 影像瓦片加载(Baidu、Tianditu、Bing、OSM、Stadia)
  • `references/vector-tile-provider.md` - 矢量瓦片加载(Baidu、Mapbox)
  • `references/third-party-imagery.md` - 第三方图层接入(WMS、WMTS、XYZ 标准协议)
  • `references/terrain-tile-provider.md` - 地形瓦片加载(Cesium、平面地形)
  • `references/tile-mask.md` - TileMask 瓦片掩膜(按区域裁剪瓦片图层显示)

12. LBS 位置服务

  • `references/services.md` - 位置基础服务(地理编码、搜索、路线规划、行政区划等)

13. 3DTiles 加载

  • `references/3dtiles-loading.md` - 3D Tiles 加载(Default3DTiles、HDMap3DTiles)

14. 基础概念

  • `references/common/coordinate-system.md` - 坐标系:Z-up、投影方式
  • `references/common/event-binding.md` - 事件绑定模式

关键注意事项

  • **引擎初始化**:`new mapvthree.Engine(container, { map: { center: [lng, lat], range: meters } })`
  • **坐标系**:Z-up(X-东、Y-北、Z-上),与 Three.js 默认 Y-up 不同
  • **视野控制**:使用 `range`(相机距离,米)而非 zoom
  • **属性赋值**:使用属性代理 `obj.color = value`,而非 `obj.setColor(value)`
  • **MeasureType**:使用 `mapvthree.Measure.MeasureType`
  • **图层设置**:通过 `MapView` 设置影像/矢量/地形提供者,而非 `engine.map`
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-gl

bmap-jsapi-gl

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

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.

skills11d309k
@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-three.

Which coding agents can use bmap-jsapi-three?
bmap-jsapi-three 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.