AI 地图
产品服务
解决方案
文档与支持
定价
更新时间: 2026/07/17 10:53

本篇将为地图添加缩放控件和地图类型切换控件,让地图具备完整的交互体验。

第一步:添加缩放控件

缩放控件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 画出检索范围圈。

上一篇

展示地图页面

下一篇

添加覆盖物
本篇文章对您是否有帮助?