使用 MapV-Three 构建专业的 3D 地图和 GIS 应用 - 基于 Z-up 坐标系的 3D 地图库,支持地图编辑、测量工具、要素绘制、数据管理等地理可视化功能。适用于创建地图编辑器、测量工具、空间数据可视化等 Web-GIS 应用。
---
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`
don't have the plugin yet? install it then click "run inline in claude" again.