# fast-info-window 信息窗体

# 示例

# Slot

可以将自定义的 DOM 或是其他自定义组件通过 slot 方式传入信息窗体组件中,注意如果传递了 content 属性, slot 将会失效。

# 属性

属性 类型 默认值 说明
mid number / string - 地图实例的唯一 infowWindow 组件通过 mid 获取对应的地图实例,然后将覆盖物渲染在对应的地图实例中。
options Object - 信息窗体实例创建时的配置属性,注意 options 对象里面的属性会覆盖除 mid 以外的所有属性,可以不传递,该属性是 FastInfoWindow 组件的一个扩展,可以将一些自定义属性以及数据放在 options 对象中
beforeCreate Function - 如果传递了该函数,将在渲染 circleMarker 之前调用函数,参数是传入的 options 以及相关 prop 属性的合并对象
isCustom Boolean false 是否自定义窗体。设为 true 时,信息窗体外框及内容完全按照 content 所设的值添加(默认为 false,即在系统默认的信息窗体外框中显示 content 内容)
autoMove Boolean false 是否自动调整窗体到视野内(当信息窗体超出视野范围时,通过该属性设置是否自动平移地图,使信息窗体完全显示)
content String - 显示内容,如果没传递默认使用 slot 渲染
closeWhenClickMap Boolean false 控制是否在鼠标点击地图后关闭信息窗体,默认 false,鼠标点击地图后不关闭信息窗体
size Array - 信息窗体尺寸(isCustom 为 true 时,该属性无效)
anchor String bottom-center 信息窗体锚点位置,可选值:'top-left'、'top-center'、'top-right'、'middle-left'、'center'、'middle-right'、'bottom-left'、'bottom-center'、'bottom-right'
offset Array - 信息窗体显示位置偏移量。默认基准点为信息窗体的底部中心(若设置了 anchor,则以 anchor 值为基准点)
position Array - 信息窗体显示基点位置
showShadow Boolean false 控制是否显示信息窗体阴影,取值 false 时不显示窗体阴影,取值 true 时显示窗体阴影。
defaultOpen Boolean true 控制 infoWindow 创建时是否打开。

# 事件

TIP

circle 组件的事件对象中可以获取 options 中的自定义属性数据,通过 event.target.dataOptions 获取。

事件 参数 说明
change - 属性发生变化时
open - 信息窗体打开之后触发事件
close - 信息窗体关闭之后触发事件

# 方法

TIP

通过 $refs 获取组件实例来调用。例如:this.$refs.infoWindow.getInfoWindowInstance(),关于 InfoWindow 类的实例方法,请查看官方文档 InfoWindow

方法 参数 返回值 说明
getAMapPromise - 获取 AMap 类,返回一个 Promise 对象,在 reslove 中返回 AMap 类
getAMapInstance - 获取 AMap 类,请在地图组件 complete 之后获取,否则返回值可能是 Null
getMapInstance - 或 mid 根据 mid 获取当前地图实例,默认会根据组件传入的 mid 属性获取
open - 或 position 根据 position 位置在地图中打开信息窗体,默认根据组件传递的 position 属性位置打开。
close - 关闭信息窗体
getInfoWindowInstance - 获取信息窗体实例
上次更新: 2020/8/9 下午12:09:20