mapvthree 复用了 Three.js 的 addEventListener / removeEventListener,所以任何继承自 Object3D 的对象都能直接绑定事件。引擎内部的调度器会帮我们处理拾取、命中检测等复杂逻辑,我们只需要专注于“监听哪一个对象”和“响应什么事件”。
今天在文档里看到了"时钟"这个词,一开始我还以为是用来显示时间的,结果查了一下才知道,原来这是用来控制场景时间的系统!
今天在文档里看到了 engine.map 这个词,一开始我还以为是地图本身,结果查了一下才知道,原来这是用来控制地图视野的模块!
今天在文档里看到了"投影"这个词,一开始我还以为是投影仪那种投影,结果查了一下才知道,原来这是地图学里的概念!
今天在文档里看到了 engine.rendering 这个词,一开始我还以为是用来画图的,结果查了一下才知道,原来这是用来控制场景渲染的模块!
今天在文档里看到了"天地图"这个词,一开始我还以为是某个地图库,结果查了一下才知道,原来这是国家基础地理信息中心提供的地图服务!
今天在文档里看到了"天空"这个词,一开始我还以为是背景色,结果查了一下才知道,原来这是用来营造场景氛围的环境系统!
我的理解:简单说就是"用 Cesium 的地形和影像服务",让场景有真实的地形起伏!
今天在文档里看到了"标签"这个词,一开始我还以为是 HTML 的标签,结果查了一下才知道,原来这是在地图上显示文字和图标的功能!
我的理解:简单说就是"用 Mapbox 的矢量瓦片地图",让场景有 Mapbox 风格的地图底图!
SimpleModel 是 mapvthree 对 Three.js 模型加载的封装,主要解决了以下问题:
第一天:听说 JSAPIThree今天在项目里看到了一个新需求,要用 3D 地图展示数据。我一开始还以为是普通的百度地图 API,结果同事说要用 JSAPIThree,这是百度地图的 3D 渲染引擎。 查了一下资料才知道:JSAPIThree = 百度地图 JSAPI Three也叫 mapvthree(这是 npm 包名)基于 Three.js 开发可以做二三维一体化的地图渲染我的理解:简单说就是百度地图的 文档说需要安装两个包:@baidumap/mapv-three:这是 JSAPIThree 的核心包three:这是 Three.js,底层渲染引擎npm i -S @baidumap/mapv-three 初始化引擎配置地图参数添加可视化组件添加 3D 模型添加交互事件引擎属性:engine.map:地图控制engine.rendering:渲染配置engine.add / engine.remove:添加/移除物体我的感受:JSAPIThree 作为一个初学者,我觉得 JSAPIThree 虽然功能强大,但是学习曲线并不陡峭。只要按照文档一步步来,多动手实践,很快就能做出酷炫的 3D 地图效果!大家一起加油!
我的理解:WMS 是动态生成地图图片,WMTS 和 XYZ 是使用预切好的瓦片,性能更好。
今天在文档里看到了 Bloom 这个词,查了一下才知道,原来这就是那种让物体周围有一圈光晕的效果!就像看太阳的时候,眼睛周围会有那种"溢出"的光晕一样。
3D Tiles 是一种用于流式传输和渲染大量 3D 内容的开放标准,具有以下特点:
今天在文档里看到了"数据源"这个词,一开始我还以为是数据库,结果查了一下才知道,原来这是用来存储和加载地理数据的系统!
activeTab=readmehttps://lbsyun.baidu.com/jsapithree/tutorial/usage/PathTrackerhttps://lbsyun.baidu.com /jsapithree/tutorial/usage/ObjectTracker
我按照官方文档,快速申请了浏览器端AK,集成了JSAPIThree1.5版本,很快就实现了企业地址的标记和信息窗口展示,一切看似顺利。