城市轨道交通——地铁澳门永利首页网址新永利的发展态势已经越来越明显了，这是城市发展的一个重要方向，目前很多一线城市都各自配备了地铁线路或进行了地铁的发展规划，其中北京、上海、广州、深圳这四个澳门永利首页网址新永利超一线条线条线条线 ，这些地铁线路推动了城市的快速发展，使得它们的经济水平遥遥领先。

　　如果仅仅是通过上文（）的方法，我们最多能够做到上述效果，然而这只是静态的效果；而当今社会要求的产品定位是好看又实用，在智慧澳门永利首页网址新永利交通的号召之下，这种静态的效果明显是不符合智慧交通的要求的，因此百度地铁线网图做出了基本的优化，使得更利于人们出行了，它的重大突破就在于可以通过每一个站点形状轻松获知该站点的地铁运行的始末时间。

　　这一点的实现也能通过D3的方式实现嘛？当然可以，澳门永利首页网址新永利这种动态的效果同样是D3的拿手好戏，实现这一效果的操作流程基本如下：首先，鼠标需要放在地铁车站站点的形状上；其次，对应的信息框才会显示，并且当向信息框出现的反方向移动时，信息框就会消失；然后，鼠标就可以移动到信息框上进行对应的操作了。

　　信息框的显示内部的核心在于事件的触发，而在D3中事件的触发机制同样是应用十分广泛的一点。其中使用最多的就是on()方法，它是通过将指定的事件分配给已选中的元素时，该元素对应的 listener 将会被调用， 并传递当澳门永利首页网址新永利前绑定的数据， 当前的索引， 当前的分组， 回调中 this 指向当前的 DOM 元素等信息。

　　通过mouseover事件的触发，将信息框的位置信息修改，并同时通过样式中的display控制显示与否，同时需要控制内部的文字变化；同时通过mouseout事件的触发，将信息框的显示取消。

　　到此为止就通过d3实现了人机交互，从而完成了有了实现城市智慧交通/智慧地铁的交互性。目前通过上述方法可以实现百度地铁线网图中第一个步骤，那第二个步骤呢，大家可以想一想，有不懂的可以在交流区相互交流。

　　另外关于智慧交通，大家有什么想法呢？可以实现交通方案推荐系统、未来交通态势预测、实时更新地铁到站信息并推送给个人等等，还有什么更好的想法嘛，欢迎大家一起交流沟通。