开源3dtiles方案

高德地图叠加3dtiles的开源实现方案,基于3d-tiles-renderer实现

基础示例

静态属性

名称类型说明
urlString地址
dracoDecoderPathStringDRACOLoader 的decoder路径,默认使用CDN路径,默认:https://cdn.jsdelivr.net/npm/three@0.143/examples/js/libs/draco/
fetchOptionsObject使用fetch下载文件的参数
mouseEventBoolean是否开启事件,默认false
debugBoolean是否开启debug,开启后将会在页面最顶部显示当前模型处理情况, 默认 false

动态属性

支持响应式。

名称类型说明
positionArray模型中心点位置
scaleNumber,{x,y,z}缩放大小
visibleBoolean是否显示,默认 true
rotation{x,y,z}旋转角度,通过该参数调整模型方向
translate{x,y,z}模型偏移设置

ref 可用方法

提供无副作用的同步帮助方法

函数返回说明
$$getInstance()Layer3DTiles获取实例

事件

事件参数说明
initLayer3DTiles实例初始化结束
clickObject3D点击事件
mouseoverObject3D鼠标悬浮
最后更新时间:
贡献者: gyy