【技术实现步骤摘要】
本公开涉及计算机,尤其涉及一种基于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所述的方法,其特征在于,所述通过
...【技术特征摘要】
1.一种基于mapbox的三维模型渲染方法,其特征在于,包括:
2.根据权利要求1所述的方法,其特征在于,所述在主线程中初始化mapbox画布和离屏模式的3d模型画布,包括:
3.根据权利要求1或2所述的方法,其特征在于,所述方法还包括:
4.根据权利要求3所述的方法,其特征在于,所述通过所述threejs在所述3d模型画布中加载并渲染目标3d模型,包括:
5.根据权利要求1所述的方法,其特征在于,所述在所述web worker中初始化threejs,包括:
6....
【专利技术属性】
技术研发人员:姜俊杰,张宏杰,
申请(专利权)人:中电云计算技术有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。