OverviewMapControl
构造函数
创建缩略地图控件实例
参数 类型 说明 opts可选OverviewMapControlOptions可选参数 属性 类型 说明 anchorControlAnchor控件的停靠位置 isOpenboolean控件添加到地图后的开合状态 offsetSize控件相对于停靠位置的偏移量 paddingnumber鹰眼地图和主地图之间的空隙宽度像素值 sizeSize缩略地图控件的大小 zoomIntervalnumber鹰眼地图与主图之间的缩放级别差 返回值 OverviewMapControl
示例代码1
const overviewMapControl = new BMap.OverviewMapControl({
anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
size: new BMap.Size(150, 150),
isOpen: true,
});
map.addControl(overviewMapControl);
方法
- #addEventListener<K extends keyof OverviewMapControlEventMap>(
event: K,
handler: (e: OverviewMapControlEventMap[K]) => void,
): void添加事件监听。
参数 类型 说明 eventK事件名称 handler(e: OverviewMapControlEventMap[K]) => void事件处理函数 返回值 void
切换缩略地图控件的开合状态
返回值 void
示例代码1
overviewMapControl.changeView();
get
返回控件停靠位置
返回值 ControlAnchor
get
返回控件停靠偏移量
返回值 Size
返回缩略地图的大小
返回值 Size
hide
- hide(): void
隐藏控件
返回值 void
initialize
抽象生命周期方法，用于初始化控件，当调用 map.addControl() 时内部将调用此方法。
仅在自定义控件时需要实现此方法，并返回控件的 DOM 元素，DOM 元素需通过 map.getContainer() 添加到地图容器中。 内置控件（
ZoomControl、ScaleControl等）已在内部实现，用户无需调用也无需重写。参数 类型 说明 mapMap地图实例 返回值 HTMLElement
示例代码1
class MyControl extends BMap.Control {
initialize(map: BMap.Map) {
const div = document.createElement('div');
div.textContent = '自定义控件';
map.getContainer().appendChild(div);
return div;
}
}
返回缩略地图控件的开合状态
返回值 boolean
is
- isVisible(): boolean
返回控件的可见状态
返回值 boolean
- #removeEventListener<K extends keyof OverviewMapControlEventMap>(
event: K,
handler: (e: OverviewMapControlEventMap[K]) => void,
): void移除事件监听
参数 类型 说明 eventK事件名称 handler(e: OverviewMapControlEventMap[K]) => void事件处理函数 返回值 void
set
set
show
- show(): void
显示控件
返回值 void
此类表示缩略地图控件（鹰眼控件）。
anchor属性表示控件的整体停靠位置。 控件的尺寸以size属性为基准。 默认尺寸为 150px x 150px。 控件关闭时按钮尺寸为 13px x 13px。