Skip to content
ON THIS PAGE

GroundOverlay 地面叠加层 ^0.0.32

在地图底面上叠加覆盖物,覆盖物可以是图片、自定义 Canvas、视频。

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

组件示例

动态组件 Props

属性说明类型默认值
type地面叠加物类型video | canvas | imagerequired
url叠加物 image url、video url 或者自定义的 canvas 对象urlTyperequired
startPoint显示区域开始点,见图示{ lng: number, lat: number}required
endPoint显示区域结束点,见图示{ lng: number, lat: number}required
autoCenter是否自动根据地面叠加物显示区域居中地图boolean true
opacity透明度,范围 0-1number

bounds 图示


urlType

ts
type url =
  | string
  | HTMLCanvasElement
  | Ref<HTMLCanvasElement | string>
  | (() => HTMLCanvasElement | Ref<HTMLCanvasElement | string>)

组件事件

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

Released under the MIT License.