Skip to content

Polygon

Polygon

构造多边形对象,通过PolygonOptions指定多边形样式以及属性

继承OverlayBase

Examples

javascript
const polygon = new DiMap.Polygon({
 map: map,
 path: [
   [116.403322, 39.920255],
   [116.410703, 39.897555],
   [116.402292, 39.892353],
   [116.389846, 39.891365],
   [116.375250, 39.904843],
   [116.384765, 39.916092],
   [116.403322, 39.920255]
 ],
 strokeColor: '#FF33FF',
 strokeOpacity: 1,
 strokeWeight: 3,
 fillColor: '#1791fc',
 fillOpacity: 0.4,
 height: 100,
 extrusionHeight: 100,
 strokeStyle: 'solid',
 strokeDasharray: [10, 10],
 userData: {
  name: 'polygon'
 }
})
polygon.show()
polygon.setOptions({
 strokeColor: '#FF33FF',
 strokeOpacity: 1,
 strokeWeight: 3
})

constructor

Parameters

setPath

设置path

Parameters

Returns this

getPath

获取path

Returns PolygonOptionsPath

getBounds

获取多边形矩形范围对象

Examples

javascript
const bounds = polygon.getBounds()
map.fitBounds(bounds, {
 padding: 100
})

Returns LngLatBounds

setHeight

设置多边形离地高度

Parameters

  • height number 多边形离地高度,单位米

Returns this

setExtrusionHeight

设置立面体高度值

Parameters

  • extrusionHeight number 立面体高度值,单位米

Returns this

getExtrusionHeight

返回立体面高度值

Returns number 立体面高度值

contains

判断坐标是否在多边形内

Parameters

Returns boolean true 包含,false 不包含

getArea

多边形面积

Returns number

PolygonOptions

多边形属性

Properties

  • map Map 地图实例对象
  • path PolygonOptionsPath 多边形轮廓线的节点坐标数组。 支持 单个普通多边形(LngLatLike[]),带孔多边形(LngLatLike[][], 要求数组第一个元素为外多边形,其余为“岛”多边形,外多边形需包含“岛”多边形,否则程序不作处理)
  • 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 string? 轮廓线样式,实线: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>? 用户自定义数据对象

PolygonOptionsPath

多边形路径参数

Type: (Array<LngLatLike> | Array<Array<LngLatLike>> | Array<Array<Array<LngLatLike>>>)