地铁图事件 最后更新时间: 2021年01月22日
事件的使用
如果您对站点或线路的点击有自定义的需求,您需要针对地铁图、线路、站点的地铁事件,使用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 |
路径规划完毕后触发此事件 |