BPolygon 多边形

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

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

组件示例

镂空面绘制 / 行政区域边界

静态组件 Props

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

动态组件 Props

属性	说明	类型	可选值	默认值	版本
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	-
visible	是否显示	boolean	-	true	^2.2.0

组件事件

事件名	说明	类型
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)