地图 API 中提供的控件有:
Control :控件的 抽象基类 ,所有控件均继承此类的方法、属性。通过此类您可实现自定义控
件。
NavigationControl :地图 平移缩放控件 ,默认位于地图左上方,它包含控制地图的平移和缩放
的功能。
OverviewMapControl :缩略地图控件 ,默认位于地图右下方,是一个可折叠的缩略地图。
ScaleControl :比例尺控件 ,默认位于地图左下方,显示地图的比例关系。
MapTypeControl :地图类型控件 ,默认位于地图右上方。
CopyrightControl :版权控件 ,默认位于地图左下方。
向地图添加控件
可以使用 Map.addControl() 方法向地图添加控件。在此之前地图需要进行初始化。例如,要将
标准地图控件添加到地图中,可在代码中添加如下内容:
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
map.addControl(new BMap.NavigationControl());
可以向地图添加多个控件。在本例中我们向地图添加一个平移缩放控件、一个比例尺控件和一
个缩略图控件。在地图中添加控件后,它们即刻生效。
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
map.addControl(new BMap.MapTypeControl());
map.setCurrentCity(" 北京 "); // 仅当设置城市信息时, MapTypeControl 的切换功
能才能可用
控制控件位置
初始化控件时,可提供一个可选参数,其中的 anchor 和 offset 属性共同控制控件在地图上的
位置。
控件停靠位置
anchor 表示控件的停靠位置,即控件停靠在地图的哪个角。当地图尺寸发生变化时,控件会
根据停靠位置的不同来调整自己的位置。 anchor 允许的值为:
BMAP_ANCHOR_TOP_LEFT 表示控件定位于地图的左上角。
BMAP_ANCHOR_TOP_RIGHT 表示控件定位于地图的右上角。