高德地图开发地铁图 JS API—地铁图事件

高德地图开发地铁图 JS API—地铁图事件

地铁图事件 最后更新时间: 2021年01月22日

事件的使用

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

绑定的格式如下:  

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

eventName:事件名称(必填) 

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

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

JavaScript

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

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

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

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

JavaScript

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 

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