Polygon 多边形

在地图上绘制简单的多边形

import { Polygon } from 'vue3-baidu-map-gl'

组件示例

属性	说明	类型	默认值
clip	是否进行跨经度 180 度裁剪，绘制跨精度 180 时为了优化效果，	`boolean`	`true`
geodesic	是否开启大地线模式，true 时，两点连线将以大地线的形式。	`boolean`	`false`
isBoundary	是否是行政区域的边界多边形	`boolean`	`false`
autoCenter	是否自动根据多边形居中地图	`boolean`	`true`
enableClicking	是否响应点击事件	`boolean`	`true`

属性	说明	类型	可选值	默认值
path	多边形的坐标数组	`{ lng: number, lat: number}[]`	-	`required`
strokeColor	描边的颜色，同 CSS 颜色	`string`	-	`#000000`
strokeWeight	描边的宽度，单位为像素	`string`	-	`2`
strokeOpacity	描边的透明度，范围 0-1	`number`	-	`1`
strokeStyle	描边的样式，为实线、虚线、或者点状线	`string`	`solid / dashed / dotted`	-
fillColor	面填充颜色，同 CSS 颜色	`string`	-	`#fff`
fillOpacity	面填充的透明度，范围 0-1	`number`	`0-1`	`0.3`
enableMassClear	是否在调用 `map.clearOverlays` 清除此覆盖物	`boolean`	-	`true`
enableEditing	开启可编辑模式	`boolean`	-	`false`

事件名	说明	类型
initd	组件初始化后，调用的方法，返回一个地图实例	`{ map, BmapGL, instance }`
unload	组件卸载时会调用此方法	-
click	鼠标左键单击事件的回调函数。当双击时，产生的事件序列为： `click -> click -> dblclick`	`((e: Event) => void)`
dblclick	鼠标左键双击事件的回调函数	`((e: Event) => void)`
mousedown	鼠标左键在该覆盖物上按下的回调函数	`((e: Event) => void)`
mouseup	鼠标左键在该覆盖物上抬起的回调函数	`((e: Event) => void)`
mouseout	鼠标指针移出该覆盖物事件的回调函数	`((e: Event) => void)`
mouseover	鼠标指针移入该覆盖物事件的回调函数	`((e: Event) => void)`
remove	该覆盖物被移除的回调函数	`((e: Event) => void)`
lineupdate	覆盖物被编辑后的回调函数	`((e: Event) => void)`