第1行: | 第1行: | ||
{{jspopularGL-sidebar}} | {{jspopularGL-sidebar}} | ||
− | <div class="h1-title">3D棱柱</div><div id="update- | + | <div class="h1-title">3D棱柱</div><div id="update-time1">更新时间:2020年10月22日</div><div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>简介</span></div></div></div><div class="serve-explain-text">JSAPI GL提供的Prism类支持在地图上添加3D棱柱功能,继承Overlay类,可以基于位置经纬度,高度,顶面和侧面的颜色、透明度等属性来绘制不规则的棱柱体。</div><!--jsapi单独demo-代码--><div class="aloneDemo"><div dir="https://lbs.baidu.com/jsdemo/demo/kPrismAddEvent.htm"></div><div class="top_right">[http://lbs.baidu.com/jsdemo.htm#kPrismAddEvent DEMO详情]</div></div><div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>Prism类参考</span></div></div></div><div class="serve-explain-text"> |
构造函数: | 构造函数: | ||
</div> | </div> | ||
第61行: | 第61行: | ||
| 是否在调用map.clearOverlays清除此覆盖物,默认为true | | 是否在调用map.clearOverlays清除此覆盖物,默认为true | ||
|} | |} | ||
− | <div class="bluetitle"><div class=" | + | <div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>使用示例</span></div></div></div><div class="devguide"><div class="leftborderbg" style="height:5000px;"></div><div class="devguideorder"><span>1</span>创建地图参照展示地图</div><div class="devguidecenter"></div><div class="devguideorder"><span>2</span>创建棱柱,并添加到地图上</div><div class="devguidecenter"> |
Prism继承Overlay,使用方法同其他覆盖物,首先通过Prism类创建棱柱实例,然后通过map.addOverlay()将其添加到地图上。 | Prism继承Overlay,使用方法同其他覆盖物,首先通过Prism类创建棱柱实例,然后通过map.addOverlay()将其添加到地图上。 | ||
<pre class="prettyprint codestyle">var prism = new BMapGL.Prism(path, 5000, { | <pre class="prettyprint codestyle">var prism = new BMapGL.Prism(path, 5000, { |
2022年8月19日 (五) 13:26的最后版本
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);