# 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 | - | 获取信息窗体实例 |