滴图出行技术开放平台

Appearance

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? 线条颜色，使用16进制颜色代码赋值。默认值为#00D3FC
  • strokeOpacity number? 轮廓线透明度，取值范围 [0,1] ，0表示完全透明，1表示不透明。默认为0.9
  • strokeWeight number? 轮廓线宽度
  • fillColor string? 填充颜色，使用16进制颜色代码赋值，如：#00B2D5
  • fillOpacity number? 填充透明度，取值范围 [0,1] ，0表示完全透明，1表示不透明。默认为0.5
  • height number? 设置 polygon 是否离地绘制，默认值为0，需要配合extrusionHeight一起使用，且只能小于等于extrusionHeight
  • extrusionHeight number? 设置是否拉伸为的立面体高度值，默认值为0
  • strokeStyle ("solid" | "dashed")? 轮廓线样式，实线:solid，虚线:dashed
  • strokeDasharray Array<number>? 勾勒形状轮廓的虚线和间隙的样式，此属性在strokeStyle 为dashed 时有效， 此属性在ie9+浏览器有效 取值： 实线： [0,0,0] 虚线： [10,10] ， [10,10] 表示10个像素的实线和10个像素的空白（如此反复）组成的虚线 点画线： [10,2,10] ， [10,2,10] 表示10个像素的实线和2个像素的空白 + 10个像素的实线和10个像素的空白 （如此反复）组成的虚线
  • userData Record<string, any>? 用户自定义数据对象