Skip to content

Rectangle ​

Rectangle ​

构造矩形对象,通过RectangleOptions指定多边形样式

继承Polygon

Examples ​

javascript
const rectangle = new DiMap.Rectangle({
 map: map,
 bounds: new LngLatBounds([116.397428, 39.90923], [116.417428, 39.93923]),
 strokeColor: '#FF0000',
 strokeWeight: 2,
 strokeOpacity: 1,
 fillColor: '#FF0000',
 fillOpacity: 0.5
})
rectangle.show()

constructor ​

Parameters ​

setBounds ​

设置矩形范围

Parameters ​

Returns this

getCenter ​

获取矩形中心点

Returns LngLatLike 矩形中心点

RectangleOptions ​

矩形选项

Properties ​

参数名必选类型描述
map是Map地图实例
bounds是LngLatBounds矩形的范围
zIndex否number矩形覆盖物的叠加顺序
strokeColor否string线条颜色,默认值为#00D3FC
strokeOpacity否number轮廓线透明度,取值范围[0,1],默认为0.9
strokeWeight否number轮廓线宽度
fillColor否string填充颜色
fillOpacity否number填充透明度,取值范围[0,1],默认为0.5
height否number设置矩形是否离地绘制,默认值为0(需配合extrusionHeight一起使用,且只能≤extrusionHeight)
extrusionHeight否number设置矩形拉伸的立面体高度值,默认值为0
strokeStyle否"solid" | "dashed"轮廓线样式,实线(solid)或虚线(dashed)
strokeDasharray否Array<number>虚线样式,仅在strokeStyle为dashed时有效(IE9+)。取值示例:[0,0,0]实线、[10,10]虚线、[10,2,10]点画线
userData否Record<string, any>用户自定义数据对象