三维渲染引擎:JSAPI Three 引擎

344 阅读2分钟

对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 GLJSAPI Three
渲染内核WebGL 1.0/2.0Three.js + WebGL1/2
三维支持能力基础模型 + 偏 2.5D真三维 + EPSG:4978/EPSG:3857/EPSG:4326
地球模式不支持✅ 支持
性能表现可用✅ 适配大屏级高性能展示

索引目录

JSAPI相关的使用文档(持续更新中...)

  1. 安装使用
  2. geojson、csv、json 数据加载
  3. 自定义瓦片服务加载
  4. 可视化组件概览
  5. 示例
  6. three.js基础入门(一)
  7. three.js基础入门(二)
  8. three.js基础入门(三)
  9. three.js自定义组件开发
  10. 后续补充 :(