NavigationControl
构造函数
创建平移缩放控件
参数 类型 说明 opts可选NavigationControlOptions可选参数 属性 类型 说明 anchorControlAnchor控件的停靠位置，默认值为 BMAP_ANCHOR_TOP_LEFT enableGeolocationboolean控件是否集成定位功能，桌面端和移动端均生效 offsetSize控件相对于停靠位置的偏移量，默认值为 new BMap.Size(30, 10) showZoomInfoboolean是否显示级别提示信息 typeNavigationControlType平移缩放控件的类型 返回值 NavigationControl
示例代码1
const navigationControl = new BMap.NavigationControl({
anchor: BMAP_ANCHOR_TOP_LEFT,
type: BMAP_NAVIGATION_CONTROL_LARGE,
showZoomInfo: true,
});
map.addControl(navigationControl);
方法
get
返回控件停靠位置
返回值 ControlAnchor
get
返回控件停靠偏移量
返回值 Size
返回平移缩放控件的类型
返回值 NavigationControlType
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;
}
}
is
- isVisible(): boolean
返回控件的可见状态
返回值 boolean
set
set
设置平移缩放控件的类型
参数 类型 说明 typeNavigationControlType控件类型 返回值 void
示例代码1
navigationControl.setType(BMAP_NAVIGATION_CONTROL_SMALL);
show
- show(): void
显示控件
返回值 void
此类表示地图的平移缩放控件。
anchor属性表示控件的整体停靠位置。type为BMAP_NAVIGATION_CONTROL_LARGE时，包含平移按钮、缩放按钮和缩放层级滑块； 为BMAP_NAVIGATION_CONTROL_SMALL时，包含平移按钮和缩放按钮； 为BMAP_NAVIGATION_CONTROL_PAN时，仅包含平移按钮； 为BMAP_NAVIGATION_CONTROL_ZOOM时，仅包含缩放按钮。enableGeolocation为true时可显示定位按钮。