浏览器版本低!无法浏览完整内容,建议升级或更换浏览器。

文档全面上新

更科技的视觉体验,更高效的页面结构,快前往体验吧!

体验新版
3D棱柱
更新时间:2020年10月22日
简介
JSAPI GL提供的Prism类支持在地图上添加3D棱柱功能,继承Overlay类,可以基于位置经纬度,高度,顶面和侧面的颜色、透明度等属性来绘制不规则的棱柱体。
Prism类参考

构造函数:

构造函数 说明
BMapGL.Prism(points, altitude, options) 创建3D棱柱覆盖物,构造函数里需要定义底面和高度。

参数说明:

构造函数 类型 说明
points Array< Point > 底面坐标数组
altitude number 高度
options Object 棱柱样式自定义配置,可选

options属性变量:

options属性 类型 说明
topFillColor string 顶面填充颜色
topFillOpacity number 顶面填充颜色透明度,取值范围0-1
sideFillColor string 侧面填充颜色
sideFillOpacity number 侧面填充颜色透明度,取值范围0-1
enableMassClear boolean 是否在调用map.clearOverlays清除此覆盖物,默认为true
使用示例
1创建地图参照展示地图
2创建棱柱,并添加到地图上

Prism继承Overlay,使用方法同其他覆盖物,首先通过Prism类创建棱柱实例,然后通过map.addOverlay()将其添加到地图上。

var prism = new BMapGL.Prism(path, 5000, {
    topFillColor: '#5679ea',
    topFillOpacity: 0.5,
    sideFillColor: '#5679ea',
    sideFillOpacity: 0.9
});
map.addOverlay(prism);
  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

如发现文档错误,或对此文档有更好的建议,请在下方反馈。问题咨询请前往反馈平台提交工单咨询。

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消