Appearance
Polygon
Polygon
构造多边形对象,通过PolygonOptions指定多边形样式以及属性
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
optionsPolygonOptions 多边形参数
setPath
设置path
Parameters
pathPolygonOptionsPath 多边形轮廓线的节点坐标数组。支持 单个普通多边形LngLatLike[],单个带孔多边形LngLatLike[][],多个带孔多边形LngLatLike[][][]immediateboolean (optional, defaultfalse)
Returns this
getPath
获取path
Returns PolygonOptionsPath
getBounds
获取多边形矩形范围对象
Examples
javascript
const bounds = polygon.getBounds()
map.fitBounds(bounds, {
padding: 100
})Returns LngLatBounds
setHeight
设置多边形离地高度
Parameters
heightnumber 多边形离地高度,单位米
Returns this
setExtrusionHeight
设置立面体高度值
Parameters
extrusionHeightnumber 立面体高度值,单位米
Returns this
getExtrusionHeight
返回立体面高度值
Returns number 立体面高度值
contains
判断坐标是否在多边形内
Parameters
originPointLngLatLike
Returns boolean true 包含,false 不包含
getArea
多边形面积
Returns number
PolygonOptions
多边形属性
Properties
mapMap 地图实例对象pathPolygonOptionsPath 多边形轮廓线的节点坐标数组。 支持 单个普通多边形(LngLatLike[]),带孔多边形(LngLatLike[][], 要求数组第一个元素为外多边形,其余为“岛”多边形,外多边形需包含“岛”多边形,否则程序不作处理)zIndexnumber? 多边形覆盖物的叠加顺序。地图上存在多个多边形覆盖物叠加时,通过该属性使级别较高的多边形覆盖物在上层显示strokeColorstring? 线条颜色,使用16进制颜色代码赋值。默认值为#00D3FCstrokeOpacitynumber? 轮廓线透明度,取值范围 [0,1] ,0表示完全透明,1表示不透明。默认为0.9strokeWeightnumber? 轮廓线宽度fillColorstring? 多边形填充颜色,使用16进制颜色代码赋值,如:#00B2D5fillOpacitynumber? 多边形填充透明度,取值范围 [0,1] ,0表示完全透明,1表示不透明。默认为0.5heightnumber? 设置 polygon 是否离地绘制,默认值为0,需要配合extrusionHeight一起使用,且只能小于等于extrusionHeightextrusionHeightnumber? 设置多边形是否拉伸为的立面体高度值,默认值为0strokeStylestring? 轮廓线样式,实线:solid,虚线:dashedstrokeDasharrayArray<number>? 勾勒形状轮廓的虚线和间隙的样式,此属性在strokeStyle 为dashed 时有效, 此属性在ie9+浏览器有效 取值: 实线: [0,0,0] 虚线: [10,10] , [10,10] 表示10个像素的实线和10个像素的空白(如此反复)组成的虚线 点画线: [10,2,10] , [10,2,10] 表示10个像素的实线和2个像素的空白 + 10个像素的实线和10个像素的空白 (如此反复)组成的虚线userDataRecord<string, any>? 用户自定义数据对象
PolygonOptionsPath
多边形路径参数
Type: (Array<LngLatLike> | Array<Array<LngLatLike>> | Array<Array<Array<LngLatLike>>>)
