ThreeJS面图层
基于ThreeJS实现的面图层,支持顶部、底部、侧面颜色配置,侧面可以使用图片进行贴图,实现墙壁效果
提示
来源 @vuemap/vue-amap-extra 组件库
基础示例
静态属性
仅且可以初始化配置,不支持响应式。
| 名称 | 类型 | 说明 |
|---|---|---|
| sideTopColor | String | 侧面顶部颜色, 默认 #ffffff |
| sideBottomColor | String | 侧面底部颜色,当顶部和底部颜色不一致时渐变 默认 #ffffff |
| sideTexture | String | 侧面贴图图片地址,侧面优先使用该属性,默认空 ,图片宽高必须是2的n次方,推荐使用512*512 |
| topColor | String | 顶部颜色, 默认 #ffffff |
| bottomColor | String | 底部颜色, 默认 #ffffff |
| height | Number | 楼层高度,优先读取geojson数据中properties中的height,默认 30 |
| depthTest | Boolean | 是否进行深度检测, 默认 true |
| source | Object | geojson数据,支持挖孔面 |
动态属性
支持响应式。
| 名称 | 类型 | 说明 |
|---|
ref 可用方法
提供无副作用的同步帮助方法
| 函数 | 返回 | 说明 |
|---|---|---|
| $$getInstance() | ThreePolygon | 获取实例 |
事件
| 事件 | 参数 | 说明 |
|---|---|---|
| init | ThreePolygon | 实例初始化结束 |
