Skip to content

BLabel 文本标注

在地图上显示文本标注

ts
import { BLabel } from 'vue3-baidu-map-gl'

组件示例

动态组件 Props

属性说明类型默认值版本
content设置文本标注的内容string required-
offset文本标注的像素偏移{x: number, y: number } --
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean true -
style设置文本标注的样式CSSStyleDeclaration--
position文本标注的坐标{ lng: number, lat: number} required-
zIndex显示层级number-^2.2.0
visible是否显示booleantrue^2.2.0

提示

style 可以是任何符合规范的 css 样式,样式属性需使用驼峰命名法

组件事件

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

Released under the MIT License.