矢量切片技术的应用-大量点数据显示性能问题
2014-08-14 16:57
295 查看
矢量切片:Vector tilesare a way to deliver geographic data in small chunks to a browser or otherclient app。这个技术在减少传输量上有很大优势外,在前端显示性能上也有很大帮助。
以leaflet为例,当1k个点,直接绘制,没问题。当10万个点,不可能全部加载到前端内存中动态绘制。这时候矢量切片就发挥作用了。每次都只调用当前比例尺下的点数据,传输量及会绘制量会小很多。但还是小比例尺情况下,还是需要绘制大量,受限于前端显示的瓶颈,所以还是需要配合点抽稀,来减少绘制的数据量。
本例子主要使用TileStache+leaflet来实现。TileStache用于将shape图层按瓦片的格式切成小块的geojson格式的数据。leaflet用于展示。通过前端的抽稀,操作时延低于2s。示例下载地址
http://download.csdn.net/detail/nanqidada/7755989
以leaflet为例,当1k个点,直接绘制,没问题。当10万个点,不可能全部加载到前端内存中动态绘制。这时候矢量切片就发挥作用了。每次都只调用当前比例尺下的点数据,传输量及会绘制量会小很多。但还是小比例尺情况下,还是需要绘制大量,受限于前端显示的瓶颈,所以还是需要配合点抽稀,来减少绘制的数据量。
本例子主要使用TileStache+leaflet来实现。TileStache用于将shape图层按瓦片的格式切成小块的geojson格式的数据。leaflet用于展示。通过前端的抽稀,操作时延低于2s。示例下载地址
http://download.csdn.net/detail/nanqidada/7755989
相关文章推荐
- 当web应用中面临大数据量同时并发量比较大的情况下性能是一个尤为重要的问题,面对性能优化我们应从何做起,在哪些方面做优化呢?
- asp.net查询大量数据时的页面性能问题
- elasticsearch核心知识--46.scroll技术滚动搜索大量数据以及和FromSize分页的本质区别和性能
- 任何国家都无法限制数字货币。为什么呢? 要想明白这个问题需要具备一点区块链的基础知识: 区块链使用的大致技术包括以下几种: a.点对点网络设计 b.加密技术应用 c.分布式算法的实现 d.数据存储技术 e.拜占庭算法 f.权益证明POW,POS,DPOS 原因一: 点对点网络设计 其中点对点的P2P网络是bittorent ,由于是点对点的网络,没有中心化,因此在全球分布式的网
- 企业级系统架构设计技术与互联网应用技术结合主题一 - 大规模并发性能问题探讨
- Laravel导出大量数据到表格csv及长数字显示不全问题
- 【技术直通车】在现实增强应用Layar中显示ArcGIS数据(Ⅱ)
- 技术记录---杀死应用进程账号数据被清空问题
- 索引是从数据库中获取数据的最高效方式之一。95%的数据库性能问题都可以采用索引技术得到解决。
- 视频大数据技术的应用以及存在的隐私泄露问题
- Java使用jacob组件读取大量Excel数据,性能差的问题
- Spark大数据处理:技术、应用与性能优化(全).pdf
- 关于大量数据写入数据库的性能问题
- ListView数据显示重复和性能问题
- Android 桌面插件首次安装不启动应用,直接拖出桌面插件不显示数据问题
- 【Android应用开发技术:图像处理】Bitmap显示性能优化分析
- 任何国家都无法限制数字货币。为什么呢? 要想明白这个问题需要具备一点区块链的基础知识: 区块链使用的大致技术包括以下几种: a.点对点网络设计 b.加密技术应用 c.分布式算法的实现 d.数据存储技术 e.拜占庭算法 f.权益证明POW,POS,DPOS 原因一: 点对点网络设计 其中点对点的P2P网络是bittorent ,由于是点对点的网络,没有中心化,因此在全球分布式的网
- 【技术直通车】在现实增强应用Layar中显示ArcGIS数据(Ⅰ)
- ARCMAP中矢量数据放大不显示问题
- 企业级系统架构设计技术与互联网应用技术结合主题一 大规模并发性能问题探讨