本篇将为地图添加缩放控件和地图类型切换控件,让地图具备完整的交互体验。
缩放控件ZoomControl提供 +/- 按钮,方便用户调整地图缩放级别。
map.addControl(new BMap.ZoomControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT,offset: new BMap.Size(20, 20)}));
参数说明:
anchor —— 控件停靠位置,可选值:
BMAP_ANCHOR_TOP_LEFT 左上角
BMAP_ANCHOR_TOP_RIGHT 右上角
BMAP_ANCHOR_BOTTOM_LEFT 左下角
BMAP_ANCHOR_BOTTOM_RIGHT 右下角
offset —— 相对于停靠位置的像素偏移(用 BMap.Size(水平, 垂直) 表示)
地图类型切换控件MapTypeControl允许用户在普通地图和卫星混合模式之间切换。
map.addControl(new BMap.MapTypeControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT,offset: new BMap.Size(60, 20)}));
参数说明:
anchor —— 控件停靠位置
offset —— 偏移量
本篇添加了缩放和地图类型切换控件。下一篇将在地图上添加覆盖物——用 Marker 标注中心位置,用 Circle 画出检索范围圈。
上一篇
下一篇