MapTypeControl
构造函数
创建地图类型切换控件
参数 类型 说明 opts可选MapTypeControlOptions可选参数 属性 类型 说明 anchorControlAnchor控件的停靠位置 mapTypesMapType[]控件展示的地图类型列表，默认值为 [BMAP_NORMAL_MAP, BMAP_SATELLITE_MAP, BMAP_HYBRID_MAP] offsetSize控件的偏移值 typeMapTypeControlType控件样式，默认值为 BMAP_MAPTYPE_CONTROL_MAP 返回值 MapTypeControl
示例代码1
const mapTypeControl = new BMap.MapTypeControl({
type: BMAP_MAPTYPE_CONTROL_DROPDOWN,
mapTypes: [BMAP_NORMAL_MAP, BMAP_SATELLITE_MAP, BMAP_HYBRID_MAP],
});
map.addControl(mapTypeControl);
方法
get
返回控件停靠位置
返回值 ControlAnchor
get
返回控件停靠偏移量
返回值 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;
}
}
is
- isVisible(): boolean
返回控件的可见状态
返回值 boolean
set
set
show
- show(): void
显示控件
返回值 void
显示或隐藏路网层
参数 类型 说明 isShowboolean是否显示 返回值 void
示例代码1
mapTypeControl.showStreetLayer(true);
此类表示地图类型切换控件。
BMAP_MAPTYPE_CONTROL_MAP为地图预览按钮样式，控件尺寸为 86px × 60px；BMAP_MAPTYPE_CONTROL_DROPDOWN为按钮加下拉列表样式，控件折叠状态尺寸为 86px × 32px；BMAP_MAPTYPE_CONTROL_HORIZONTAL为横向列表样式，控件尺寸为动态宽度 × 32px 下拉列表高度随显示的地图类型数量变化，横向列表宽度随地图类型文本和数量变化。anchor属性表示整个控件的停靠位置。