BMapMask 掩膜 ^2.1.0

控制地图元素的局部显示与隐藏

• 局部显示：只展示指定区域的地图及地图元素 (poi 标注、底图、楼块等)，隐藏掉区域外的地图元素以突出重点。
• 局部隐藏：隐藏掉局部区域地图元素，比如隐藏掉指定园区范围的地图元素，然后自定义叠加园区模型。

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

注意

1. 局部隐藏适用于地图大级别情况，建议在 zoom>=18 级时使用
2. 初始地图的中心点需要设置到掩膜区域内

组件示例

动态组件 Props

属性	说明	类型	可选值	默认值	版本
path	圆形中心点经纬度	{ lng: number, lat: number}	-	required	-
showRegion	展示区域内部还是外部	MapMaskShowRegion	-	inside	-
isBuildingMask	楼块是否参与掩膜	boolean	-	false	-
isMapMask	底图是否参与掩膜	boolean	-	false	-
isPoiMask	底图上的 Poi 是否参与掩膜	boolean	-	false	-
visible	是否显示	boolean	-	true	^2.2.0

MapMaskShowRegion

值	描述
outside	局部隐藏：隐藏掉局部区域地图元素，比如隐藏掉指定园区范围的地图元素，然后自定义叠加园区模型。
inside	局部显示：只展示指定区域的地图及地图元素（poi 标注、底图、楼块等），隐藏掉区域外的地图元素以突出重点。

组件事件

事件名	说明	类型
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)
rightclick	鼠标右键单击事件的回调函数	((e: Event) => void)