地铁图事件 最后更新时间: 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 | 路径规划完毕后触发此事件 |