“Prism”的版本间的差异

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);

@@ 第1行： / 第1行： @@
 {{jspopularGL-sidebar}}
-<div class="h1-title">3D棱柱</div><div id="update-time">更新时间：2020年10月22日</div><div class="bluetitle"><div class="services-title-text">简介</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="services-title-text">Prism类参考</div></div><div class="serve-explain-text">
+<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>
@@ 第61行： / 第61行： @@
 | 是否在调用map.clearOverlays清除此覆盖物，默认为true
 |}
-<div class="bluetitle"><div class="services-title-text">使用示例</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">
+<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()将其添加到地图上。
 <pre class="prettyprint codestyle">var prism = new BMapGL.Prism(path, 5000, {

文档全面上新

2022年8月19日 (五) 13:26的最后版本