(以“{{subway-sidebar}} <div class="bluetitle"><div class="services-title-text">简介</div></div><div class="serve-explain-text"> 地铁图API提供了一些事件接口...”为内容创建页面) |
|||
第2行: | 第2行: | ||
<div class="bluetitle"><div class="services-title-text">简介</div></div><div class="serve-explain-text"> | <div class="bluetitle"><div class="services-title-text">简介</div></div><div class="serve-explain-text"> | ||
地铁图API提供了一些事件接口,能够允许开发者"捕获"这些事件,来进行相应的逻辑处理。 | 地铁图API提供了一些事件接口,能够允许开发者"捕获"这些事件,来进行相应的逻辑处理。 | ||
− | </div><!--jsapi-demo模板--><div class="jsapidemo_template"><!--展示地图区域--><div class="demo_area"><!--注释:默认展示效果(填写第一个按钮连接),避免延时--><div dir=" | + | </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="services-title-text">事件监听</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) { |
2021年5月8日 (六) 13:25的版本
简介
地铁图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(); });