Jsapi-skills bmap-jsapi-three
使用 MapV-Three 构建专业的 3D 地图和 GIS 应用 - 基于 Z-up 坐标系的 3D 地图库,支持地图编辑、测量工具、要素绘制、数据管理等地理可视化功能。适用于创建地图编辑器、测量工具、空间数据可视化等 Web-GIS 应用。
install
source · Clone the upstream repo
git clone https://github.com/baidu-maps/jsapi-skills
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/baidu-maps/jsapi-skills "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/bmap-jsapi-three" ~/.claude/skills/baidu-maps-jsapi-skills-bmap-jsapi-three && rm -rf "$T"
manifest:
skills/bmap-jsapi-three/SKILL.mdsource content
MapV-Three 开发指南
使用 MapV-Three 构建高性能的 3D 地图和 GIS 应用 - 一个采用 Z-up 坐标系的跨浏览器 WebGL 库。
何时适用
在以下场景中参考这些指南:
- 3D 地图编辑和要素绘制
- 地图测量工具开发
- 建筑物、区域等 3D 可视化
- 实时交通数据展示
- 路径追踪动画开发
快速参考
0. 核心引擎
- Engine 引擎核心:初始化、场景管理、渲染控制references/engine.md
- 引擎初始化、资源配置、百度地图适配器references/initialization.md
1. 数据管理
- DataSource 数据源基类references/datasource.md
- GeoJSON 数据源references/datasource/geojson-datasource.md
- JSON 数据源references/datasource/json-datasource.md
- CSV 数据源references/datasource/csv-datasource.md
- DataItem 数据项references/datasource/dataitem.md
2. 点对象与标签
- SimplePoint 简单点references/simple-point.md
- EffectPoint 特效点(Fan、Bubble、Wave、Breath、Radar 等)references/effect-point.md
- 标记类型(Icon、BallonPoint、DOMPoint、EffectModelPoint)references/marker-types.md
- Circle 圆形(屏幕空间渲染)references/circle.md
- Label 文本/图标标签references/label.md
- Text 文本组件references/text.md
- ClusterPoint 点聚合references/cluster.md
3. 线与面
- Polyline 折线(flat 参数控制渲染模式)references/polyline.md
- SimpleLine 简单线references/simple-line.md
- Wall 墙体/围栏references/wall.md
- Polygon 多边形references/polygon.md
- Pillar 柱体references/pillar.md
4. 覆盖物
- Marker 标记references/marker.md
- Popup 弹出窗口references/popup.md
- DOMOverlay DOM 覆盖物references/dom-overlay.md
5. 追踪器
- 追踪器总览与生命周期references/tracker.md
- PathTracker 路径追踪references/path-tracker.md
- ObjectTracker 对象追踪references/object-tracker.md
- OrbitTracker 轨道追踪references/orbit-tracker.md
6. 编辑与测量
- Editor 编辑器references/editor.md
- Measure 测量工具references/measure.md
7. 3D 模型
- 3D 模型加载(SimpleModel/AnimationModel/LODModel)references/model.md
- Twin 孪生车流(实时车流可视化、DataProvider 数据处理)references/twin.md
- MockTwin 模拟车流(基于路线数据的车流模拟生成)references/mock-twin.md
8. 材质与特效
- 材质系统(WaterMaterial、ExtendMeshStandardMaterial 等)references/materials.md
- 缓动函数(LINEAR、QUINTIC_IN_OUT、CUBIC_OUT)references/easing-function.md
9. 天空与天气
- 天空系统(EmptySky/DynamicSky/StaticSky)和天气references/sky-weather.md
10. 热力图
- Heatmap 热力图references/heatmap.md
11. 地图图层加载
- 影像瓦片加载(Baidu、Tianditu、Bing、OSM、Stadia)references/imagery-tile-provider.md
- 矢量瓦片加载(Baidu、Mapbox)references/vector-tile-provider.md
- 第三方图层接入(WMS、WMTS、XYZ 标准协议)references/third-party-imagery.md
- 地形瓦片加载(Cesium、平面地形)references/terrain-tile-provider.md
- TileMask 瓦片掩膜(按区域裁剪瓦片图层显示)references/tile-mask.md
12. LBS 位置服务
- 位置基础服务(地理编码、搜索、路线规划、行政区划等)references/services.md
13. 3DTiles 加载
- 3D Tiles 加载(Default3DTiles、HDMap3DTiles)references/3dtiles-loading.md
14. 基础概念
- 坐标系:Z-up、投影方式references/common/coordinate-system.md
- 事件绑定模式references/common/event-binding.md
关键注意事项
- 引擎初始化:
new mapvthree.Engine(container, { map: { center: [lng, lat], range: meters } }) - 坐标系:Z-up(X-东、Y-北、Z-上),与 Three.js 默认 Y-up 不同
- 视野控制:使用
(相机距离,米)而非 zoomrange - 属性赋值:使用属性代理
,而非obj.color = valueobj.setColor(value) - MeasureType:使用
mapvthree.Measure.MeasureType - 图层设置:通过
设置影像/矢量/地形提供者,而非MapViewengine.map