基于Mapbox的三维模型渲染方法、装置、设备及介质制造方法及图纸

技术编号:43045584 阅读:19 留言:0更新日期:2024-10-22 14:30
本公开涉及一种基于Mapbox的三维模型渲染方法、装置、设备及介质,该方法包括:在主线程中初始化Mapbox画布和离屏模式的3D模型画布,并将离屏模式的3D模型画布传递给Web Worker;在Web Worker中初始化ThreeJS,通过ThreeJS在3D模型画布中加载并渲染目标3D模型;在主线程中添加空图层,并通过空图层向Web Worker发送相机参数;Web Worker根据相机参数在3D模型画布中重新渲染目标3D模型;通过主线程在Mapbox画布中加载并渲染地图底层数据。本公开能够有效改善现有技术中3D模型渲染效率低下等问题。

【技术实现步骤摘要】

本公开涉及计算机,尤其涉及一种基于mapbox的三维模型渲染方法、装置、设备及介质。


技术介绍

1、前端web技术发展日益迅速,使用webgl渲染3d模型已成为常见需求。尤其是结合地图渲染3d模型,如楼宇、桥梁、管道等成为项目的实际要求。由于webgl的复杂性,实际应用中多使用threejs库来渲染3d模型,并且在mapbox官方示例中,也使用threejs来举例。

2、目前在mapbox中使用threejs渲染3d模型的方法是利用自定义图层实现,然而,使用常规自定义图层有如下不足:初始化threejs过程需要在mapbox加载完成之后进行,也就是说初始化mapbox和初始化threejs是串行流程;mapbox加载地图瓦片图需要大量并行http请求,而浏览器同域下并行http数量有限制,导致加载3d模型文件的请求会被延迟;由于实际业务中并非只有简单的地图图层,还会有其他点数据、多边形和地形等图层,同样会导致3d模型图层被延迟加载。

3、由于上述原因,导致mapbox在渲染出地图之后很长一段时间才能渲染出来3d模型,用户体验较差。<本文档来自技高网...

【技术保护点】

1.一种基于Mapbox的三维模型渲染方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,所述在主线程中初始化Mapbox画布和离屏模式的3D模型画布,包括:

3.根据权利要求1或2所述的方法,其特征在于,所述方法还包括:

4.根据权利要求3所述的方法,其特征在于,所述通过所述ThreeJS在所述3D模型画布中加载并渲染目标3D模型,包括:

5.根据权利要求1所述的方法,其特征在于,所述在所述Web Worker中初始化ThreeJS,包括:

6.根据权利要求1所述的方法,其特征在于,所述通过所述空图层向所述We...

【技术特征摘要】

1.一种基于mapbox的三维模型渲染方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,所述在主线程中初始化mapbox画布和离屏模式的3d模型画布,包括:

3.根据权利要求1或2所述的方法,其特征在于,所述方法还包括:

4.根据权利要求3所述的方法,其特征在于,所述通过所述threejs在所述3d模型画布中加载并渲染目标3d模型,包括:

5.根据权利要求1所述的方法,其特征在于,所述在所述web worker中初始化threejs,包括:

6....

【专利技术属性】
技术研发人员:姜俊杰张宏杰
申请(专利权)人:中电云计算技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1