关于OpenLayers的地图可视化
2016-09-18 09:28
405 查看
题记
关于可视化,不同的人有不同的理解,特别是在地理信息与大数据相结合的今天,可视化也越来越被大家提及,当然,本博所述的可视化并不是纯大数据的可视化,但是希望通过此次关于OpenLayers可视化效果的描述,给予我们GIS平台厂商以及开发厂商一些启发,可能这样的地图表达效果是不是相比较传统更加的直观,更加的生动,更加的体现GIS的有趣。
本文所有的地图演示都是基于OpenLayers的示例。
1、地图平移、定位效果
传统的地图平移就是用一个小手的平移工具,进行地图的浏览,包括放大、缩小,以及定位到某个地方。
我们看一下如下的带有伸缩弹性的定位效果
![](https://img-blog.csdn.net/20160811145924028)
![](https://img-blog.csdn.net/20160811150011549)
![](https://img-blog.csdn.net/20160811150058078)
![](https://img-blog.csdn.net/20160811150205064)
http://openlayers.org/en/latest/examples/animation.html
2、地图聚合
关于地图聚合,就是当我们看到的点比较多,而又需要显示在地图上,我们并不会直接显示那么多密密麻麻的点,而是通过聚合的方式,例如显示一些聚合后的数字,然后根据不同的比例尺放大,减少聚合数量,最后到设定的比例尺来显示真正的点位置。
如下是一个关于地震的聚合数据,我们关键看一下相关的效果。
![](https://img-blog.csdn.net/20160811150806368)
一般情况下,当我们放大比例尺后,或者点击聚合数字时,都会再显示一些更小的数字,或者将点分布出来,而上述有一个类似“地震”动态的效果,既贴合了本次地震主题,又非常形象的将地震位置进行了标识。
http://openlayers.org/en/latest/examples/earthquake-clusters.html
3、关于全球地图的展示
![](https://img-blog.csdn.net/20160811151256828)
关于全球地图的显示,他们通过不同国家,不同语言的标注,非常生动形象的展示了通过地理位置来表达不同国家的文化,其中就通过文字来表达。
4、关于动画效果,这个只是放出来大家看看,没有什么特别要说明的。
部分效果由于gif动画体验可能较差
![](https://img-blog.csdn.net/20160811153020797)
http://openlayers.org/en/latest/examples/dynamic-data.html
![](https://img-blog.csdn.net/20160811153241666)
http://openlayers.org/en/latest/examples/feature-move-animation.html
![](https://img-blog.csdn.net/20160811153354183)
http://openlayers.org/en/latest/examples/flight-animation.html
5、关于显示比例尺
![](https://img-blog.csdn.net/20160811154355931)
http://openlayers.org/en/latest/examples/scale-line.html
关于可视化,不同的人有不同的理解,特别是在地理信息与大数据相结合的今天,可视化也越来越被大家提及,当然,本博所述的可视化并不是纯大数据的可视化,但是希望通过此次关于OpenLayers可视化效果的描述,给予我们GIS平台厂商以及开发厂商一些启发,可能这样的地图表达效果是不是相比较传统更加的直观,更加的生动,更加的体现GIS的有趣。
本文所有的地图演示都是基于OpenLayers的示例。
1、地图平移、定位效果
传统的地图平移就是用一个小手的平移工具,进行地图的浏览,包括放大、缩小,以及定位到某个地方。
我们看一下如下的带有伸缩弹性的定位效果
http://openlayers.org/en/latest/examples/animation.html
2、地图聚合
关于地图聚合,就是当我们看到的点比较多,而又需要显示在地图上,我们并不会直接显示那么多密密麻麻的点,而是通过聚合的方式,例如显示一些聚合后的数字,然后根据不同的比例尺放大,减少聚合数量,最后到设定的比例尺来显示真正的点位置。
如下是一个关于地震的聚合数据,我们关键看一下相关的效果。
一般情况下,当我们放大比例尺后,或者点击聚合数字时,都会再显示一些更小的数字,或者将点分布出来,而上述有一个类似“地震”动态的效果,既贴合了本次地震主题,又非常形象的将地震位置进行了标识。
http://openlayers.org/en/latest/examples/earthquake-clusters.html
3、关于全球地图的展示
关于全球地图的显示,他们通过不同国家,不同语言的标注,非常生动形象的展示了通过地理位置来表达不同国家的文化,其中就通过文字来表达。
4、关于动画效果,这个只是放出来大家看看,没有什么特别要说明的。
部分效果由于gif动画体验可能较差
http://openlayers.org/en/latest/examples/dynamic-data.html
http://openlayers.org/en/latest/examples/feature-move-animation.html
http://openlayers.org/en/latest/examples/flight-animation.html
5、关于显示比例尺
http://openlayers.org/en/latest/examples/scale-line.html
相关文章推荐
- 大型web系统数据缓存设计
- 将 instance 连接到 flat_net - 每天5分钟玩转 OpenStack(88)
- .NET Core Web 应用部署到 Docker 中运行
- (linux)LED子系统
- Hbase原理、基本概念、基本架构
- linux umount 时出现device is busy 的处理方法--fuser
- Web服务器(Nginx、php)+图片服务器
- Linux命令之远程文件传输-scp
- Android应用程序访问linux驱动第四步:实现android应用程序
- 利用ZooKeeper简单实现分布式锁
- pPOWERSHELL EMPIRE + CVE-2016-0189 = PROFIT
- 不错的css3的网站
- 超详细的GDB命令
- 我的项目 教务监控学生端
- 设计原则之开闭原则Open Close Principle
- linux常用命令总结
- [原]CentOS7.2最小安装环境部署Asp.NET Core笔记
- fopen、fseek、fread、fclose
- PowerShell-Suite
- 马哥2016全新Linux+Python高端运维班第七周作业