AI
产品服务
解决方案
文档与支持
定价

所有文档

JSAPI 地铁图

更新时间: 2026/03/11 16:13
简介

百度地图上负责与地图交互的UI元素称为控件。百度地铁图提供了用来操作地铁图属性的控件。


提供的控件

详情可见类参考

控件类名简介

缩放控件

ZoomControl

提供缩放地图的功能

向地图添加控件

可以使用Subway.addControl()方法向地铁图中添加控件。

1. 地图初始化

添加控件前,需要初始化地铁图。详细的步骤可以参考入门指南

// 获取北京地铁数据-初始化地铁图
var subway = new BMapSub.Subway('container', subwaycity.citycode);
2. 添加缩放控件

在本例中我们向地铁图中添加一个缩放控件。首先需要初始化一个缩放控件对象,之后调用Subway.addControl()方法把控件添加到地铁图中。

var zoomControl = new BMapSub.ZoomControl({
anchor: BMAPSUB_ANCHOR_BOTTOM_RIGHT,
offset: new BMapSub.Size(10,100)
});
subway.addControl(zoomControl);

控制控件位置

初始化控件时,可提供一个可选参数,其中的anchor和offset属性共同控制控件在地铁图上的位置。 anchor表示控件的停靠位置,即控件停靠在地铁图的哪个角。当地铁图尺寸发生变化时,控件会根据停靠位置的不同来调整自己的位置。

anchor值位置说明

BMAPSUB_ANCHOR_TOP_LEFT

表示控件定位于地铁图的左上角

BMAPSUB_ANCHOR_TOP_RIGHT

表示控件定位于地铁图的右上角

BMAPSUB_ANCHOR_BOTTOM_LEFT

表示控件定位于地铁图的左下角

BMAPSUB_ANCHOR_BOTTOM_RIGHT

表示控件定位于地铁图的右下角

控件位置偏移

除了指定停靠位置外,还可以通过偏移量来指示控件距离地图边界有多少像素。例如上文代码的写法,会以地铁图右下角为基准点,向左移动10像素,向上移动100像素。

上一篇

展示地铁图

下一篇

标注

本篇文章对您是否有帮助?