如何在页面上实现实时路线拥堵情况展示?

线路类似这种,需要把每个站点之间的拥堵情况高亮展示,目前没有什么思路,有没有哪位大神扩展下这块,该如何去做。clipboard.png

阅读 4.2k
6 个回答

拿到实时的拥堵数据,然后展现在图上...

你看下 d3 echart等数据可视化框架。

  1. 拿到实时的拥堵数据 ( 无耻地抄袭 )
  2. 流量不大就用ajax轮训,流量大用websocket

不知道题主问的到底是绘制这种图?还是实时获取数据呢?

如果是指绘制的话,svg和canvas都是一种选择,框架的话echart、d3都可以,当然还有一个jq的插件subway-map-visualization-jquery-plugin

如果是指实时获取数据的话,可以用comet或者WebSocket,当然ajax每隔1秒请求一次数据也是可以的。
其实comet也可以这么理解:ajax做一次请求,后台阻塞请求直到数据有刷新再返回给前台,前台收到数据后再请求下一次,往复循环就好。

至于分段高亮么,不论是svg也还还是canvas也好,只要绘制结构是对应分段的就好了~~

应该是基于背景图,想在上面画标注吧,可以用canvas造个和背景图相同尺寸的,底色透明,然后量好每个点的,x/y相对左上角的像素差,把图片/颜色画到对应的点上,这个不复杂,调下就好了

推荐问题