TWaver - 专注UI技术

http://twaver.servasoft.com/
posts - 171, comments - 191, trackbacks - 0, articles - 2
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

TWaver Web 上万网元的地图漫游

Posted on 2010-12-14 09:42 TWaver 阅读(1596) 评论(0)  编辑  收藏

众所周知,TWaver Web 应用中,要求单子网可见网元数量在两千以下,TWaver Swing则能达到上万的承载能力,两个产品使用相同的TWaver Java内核,效率差异却如此巨大,原因何在?浏览器中SVG呈现能力有限是关键。

通常对于大数量级的应用,我们建议用户采用分类子网,以减少每次输出的视图数据量,这种方式对于大多数应用是合适的,但在地图应用中体验不佳,这时我们需要做分片数据输出,这里我实现了一种简单的数据按区域过滤,保证上万的网元数据级别和前台地图的流畅漫游效果:

本例在北纬20-80, 东经 80 – 140的大范围内添加了一万多个网元和连线,其中包括四类网元:A,B,C,D,代表不同级别的网元,并在地图缩放到不同级别时显示。
此外还模拟了三条主干,采用树枝状连线分层延伸,分三级,随着地图的缩放,线路数据逐层丰富。

最后增加了网元的双击动作,双击网元,后台在另一个DataBox中,动态加载细节信息,从而在不影响原数据容器的前提下,实现了数据的动态加载。

视频:


只有注册用户登录后才能发表评论。


网站导航: