鹰眼控件 (AMap.HawkEye)

鹰眼控件,用于显示缩略地图,显示于地图右下角,可以随主图的视口变化而变化,也可以配置成固定位置实现类似于南海附图的效果。

基础示例

静态属性

仅且可以初始化配置,不支持响应式。

名称类型说明
autoMoveBoolean是否随主图视口变化移动
showRectangleBoolean是否显示视口矩形
showButtonBoolean是否显示打开关闭的按钮
mapStyleString缩略图要显示的地图自定义样式,如'amap://styles/dark'
layersArray缩略图要显示的图层类型,默认为普通矢量地图
widthString缩略图的宽度,同CSS,如'200px'
heightString缩略图的高度,同CSS,如'200px'
offsetArray缩略图距离地图右下角的像素距离,如 [2,2]
borderStyleString缩略图的边框样式,同CSS,如"double solid solid double"
borderColorString缩略图的边框颜色,同CSS,如'silver'
borderRadiusString缩略图的边框角度,同CSS,如'5px'
borderWidthString缩略图的边框宽度,同CSS,如'2px'
buttonSizeString箭头按钮的像素尺寸,同CSS,如'12px'
extraOptionsObject额外扩展属性,会直接将属性拷贝到初始化的options中,当key与props内的一样时会被props覆盖

动态属性

支持响应式。

名称类型说明
visibleBoolean是否显示,默认true
isOpenBoolean默认是否展开

ref 可用方法

提供无副作用的同步帮助方法

函数返回说明
$$getInstance()AMap.HawkEye获取实例

事件

事件参数说明
show显示时触发此事件
hide隐藏时触发此事件
最后更新时间:
贡献者: gyy