示例中心
功能在线体验
控制台

高德 开发 地铁图 JS API 开发指南 事件相关 地铁图事件

更新时间:2017年03月06日

事件的使用

如果您对站点或线路的点击有自定义的需求,您需要针对地铁图、线路、站点的地铁事件,使用on的方式来做简单的绑定。on需要绑定在实例化的地铁图的event对象上。

绑定的格式如下:  

event.on(eventName,handler) :注册事件,给Map或者覆盖物对象的注册事件 

eventName:事件名称(必填) 

handler:事件回调函数(必填)  

例如,在下面的代码段中实例化地铁("mybox"为地铁DOM容器id),并针对地铁站点点击事件进行绑定:

var mySubway = subway("mybox"); 
mySubway.event.on('station.touch',function(){	 	
    //点击站点后的事件逻辑请写在这里
})

 需要特别注意的 subway.complete 事件

 如果您需要在加载完地铁图之后获得任何有关地铁的数据,请一定在complete事件里获得。

例如,如果您希望获得所有线路的列表,您需要按照如下方式: 

mySubway.event.on('subway.complete',function(){
    var allLineList = mySubway.getLinelist();
})

  事件列表

  以下是全部事件的列表,供您参考。

 事件 

 说明 

 subway.zoom 

 地铁图缩放 

 subway.drag 

 地铁图拖动 当Move事件结束时,会触发DRAG事件。 

 subway.move 

 移动地铁图操作(类似鼠标事件) 

 lineName.touch 

 地铁线路名 

 subway.touch 

 点触地铁图 

 station.touch 

 点击站点事件 

 stationName.touch 

 点击站点名称事件 

 startStation.touch 

 选择起点站事件 

 endStation.touch 

 选择终点站事件 

 subway.complete 

 subway初始化完毕后会触发该事件 

 subway.routeComplete 

 路径规划完毕后触发此事件 



示例中心 功能
在线体验
常见问题