第1行: | 第1行: | ||
{{subway-sidebar}} | {{subway-sidebar}} | ||
− | <div class="bluetitle"><div class=" | + | <div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>简介</span></div></div></div><div class="serve-explain-text"> |
地铁图API提供了一些事件接口,能够允许开发者"捕获"这些事件,来进行相应的逻辑处理。 | 地铁图API提供了一些事件接口,能够允许开发者"捕获"这些事件,来进行相应的逻辑处理。 | ||
− | </div><!--jsapi-demo模板--><div class="jsapidemo_template"><!--展示地图区域--><div class="demo_area"><!--注释:默认展示效果(填写第一个按钮连接),避免延时--><div dir="https://lbsyun.baidu.com/cms/jsapi/demo/addControl.html"></div></div><!--按钮区域--><div class="demo_control"><div class="demo_btn" style="width:50%;">[//lbsyun.baidu.com/cms/jsapi/demo/jsapiSubway/subway3_0.html 站点点击事件]</div><div class="demo_btn" style="width:485px;">[//lbsyun.baidu.com/cms/jsapi/demo/jsapiSubway/subway3_1.html 地铁图加载事件]</div></div><!--右上角蓝色标签--可选--><div class="jsapi-demo-link">[http://lbsyun.baidu.com/jsdemo.htm#subway3_0 DEMO详情]</div></div><div class="bluetitle"><div class=" | + | </div><!--jsapi-demo模板--><div class="jsapidemo_template"><!--展示地图区域--><div class="demo_area"><!--注释:默认展示效果(填写第一个按钮连接),避免延时--><div dir="https://lbsyun.baidu.com/cms/jsapi/demo/addControl.html"></div></div><!--按钮区域--><div class="demo_control"><div class="demo_btn" style="width:50%;">[//lbsyun.baidu.com/cms/jsapi/demo/jsapiSubway/subway3_0.html 站点点击事件]</div><div class="demo_btn" style="width:485px;">[//lbsyun.baidu.com/cms/jsapi/demo/jsapiSubway/subway3_1.html 地铁图加载事件]</div></div><!--右上角蓝色标签--可选--><div class="jsapi-demo-link">[http://lbsyun.baidu.com/jsdemo.htm#subway3_0 DEMO详情]</div></div><div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>事件监听</span></div></div></div><div class="serve-explain-text"> |
地铁图API中有些类可以添加事件监听。例如Subway类可以添加tap事件监听,并且在发生tap事件后进行回调。具体方法如下: | 地铁图API中有些类可以添加事件监听。例如Subway类可以添加tap事件监听,并且在发生tap事件后进行回调。具体方法如下: | ||
有关地铁图JS API对象的事件,请参考完整的[http://lbsyun.baidu.com/cms/jsapi/reference/subway.html API类参考文档]。</div><div class="devguide"><div class="leftborderbg" style="height:950px;"></div><div class="devguideorder"><span>1</span>添加站点点击事件监听</div><div class="devguidecenter">通过addEventListener方法,添加对事件的监听。其中,第一个参数为事件类型;第二个参数为事件的响应回调函数。<br/>当用户点击了地铁图当中的任意站点后,会触发已经注册的回调函数。回调函数的参数e包含了和事件响应相关的数据。<pre class="prettyprint codestyle">subway.addEventListener('tap', function(e) { | 有关地铁图JS API对象的事件,请参考完整的[http://lbsyun.baidu.com/cms/jsapi/reference/subway.html API类参考文档]。</div><div class="devguide"><div class="leftborderbg" style="height:950px;"></div><div class="devguideorder"><span>1</span>添加站点点击事件监听</div><div class="devguidecenter">通过addEventListener方法,添加对事件的监听。其中,第一个参数为事件类型;第二个参数为事件的响应回调函数。<br/>当用户点击了地铁图当中的任意站点后,会触发已经注册的回调函数。回调函数的参数e包含了和事件响应相关的数据。<pre class="prettyprint codestyle">subway.addEventListener('tap', function(e) { |
2022年8月19日 (五) 14:27的最后版本
简介
地铁图API提供了一些事件接口,能够允许开发者"捕获"这些事件,来进行相应的逻辑处理。
事件监听
地铁图API中有些类可以添加事件监听。例如Subway类可以添加tap事件监听,并且在发生tap事件后进行回调。具体方法如下:
有关地铁图JS API对象的事件,请参考完整的API类参考文档。1添加站点点击事件监听
通过addEventListener方法,添加对事件的监听。其中,第一个参数为事件类型;第二个参数为事件的响应回调函数。
当用户点击了地铁图当中的任意站点后,会触发已经注册的回调函数。回调函数的参数e包含了和事件响应相关的数据。
当用户点击了地铁图当中的任意站点后,会触发已经注册的回调函数。回调函数的参数e包含了和事件响应相关的数据。
subway.addEventListener('tap', function(e) { alert('您点击了"' + [http://e.station.name/ e.station.name] + '"站'); });
2添加地铁图加载事件监听
地铁图API中某些接口是需要再地铁图加载完成后才能正常使用的,比如获取当前城市所有地铁线路的接口Subway.getLines()。因此需要监听地铁图的加载完成事件。
subway.addEventListener('subwayloaded', function() { alert('地铁图加载完成'); subway.getLines(); });