对Cesium、Maobox、Openlayers、Leaflet等引擎都进行了一些研究应用之后,在三维场景的搭建我的优先选择还是Cesium,因为它的三维能力更加出众,基于底层API Primitive进行自定义效果也较为容易上手,但API复杂不容易上手、没有集成矢量地图(如mvt、高德地图、百度地图等)
而百度地图开放平台最新推出的 JSAPI Three 引擎,为前端开发者和地图可视化工程师提供了一套 基于 Three.js 打造的全新三维地图渲染解决方案,API相比于Cesium真是做了不少简化,集成baidu矢量地图,同时能够无缝叠加three.js元素
介绍
JSAPI Three 是一套构建在 Three.js 之上的 WebGL 渲染引擎,它以地图为核心场景,提供从2.5D 三维视图和球面地球模式可视化能力。 JSAPI Three | 百度地图API SDK
它能做什么?
- 全投影支持:自动兼容 EPSG:3857、EPSG:4326、EPSG:4978 等多种主流地图投影
- 地球模式渲染:支持真实地球视图,打造电子地球仪、卫星地球场景
- 真三维量测:提供三维精度表达和量测分析能力,支持倾斜摄影、地形图、三维楼块等要素
- 统一渲染体系:所有 2D/3D 组件无缝整合,视觉一致性和遮挡关系精准
和传统JSAPI相比的优势
| 对比维度 | JSAPI GL | JSAPI Three |
|---|---|---|
| 渲染内核 | WebGL 1.0/2.0 | Three.js + WebGL1/2 |
| 三维支持能力 | 基础模型 + 偏 2.5D | 真三维 + EPSG:4978/EPSG:3857/EPSG:4326 |
| 地球模式 | 不支持 | ✅ 支持 |
| 性能表现 | 可用 | ✅ 适配大屏级高性能展示 |
索引目录
JSAPI相关的使用文档(持续更新中...)
- 安装使用
- geojson、csv、json 数据加载
- 自定义瓦片服务加载
- 可视化组件概览
- 示例
- three.js基础入门(一)
- three.js基础入门(二)
- three.js基础入门(三)
- three.js自定义组件开发
- 后续补充 :(