首页 > 其他分享 >WebGIS数据可视化

WebGIS数据可视化

时间:2022-11-14 14:25:24浏览次数:49  
标签:GIS WebGIS 地图 可视化 cesium 数据

一、什么是GIS

   GIS,全称geographic information system,地理信息系统,是对空间数据进行相关处理的一门学科,一种技术。

   最常见的WebGIS应用就是互联网地图网站了,如百度地图、高德地图、google地图等等。

 

二、什么是数据可视化

   数据可视化指的是数据用统计图表方式呈现,将不可见的数据现象用简洁明了的统计图表展示出来。

 

   高效成功的数据可视化用准确简单的方式传递最准确的信息,节约人们思考的时间,因为人类右脑记忆图像的速度比左脑记忆抽象的文字快100万倍,所以数据可视化对人们拿到数据做出决策起着至关重要的作用。

 

三、前端开发中如何实现WebGIS数据可视化

   随着前端开发趋于复杂化,地图(GIS)已经成为大多数系统必不可少的一部分,从最常见的 Gis 可视化(点、线、面、各种弹框、插值)到三维模型、场景模拟、场景监控等。主流的智慧园区、智慧城市、数字孪生等基本都离不开 WebGIS 的开发。

   前端开发中的 GIS 方案:Leaflet、腾讯地图、cesium、mapBox

1、Leaflet

Leaflet 是一个为建设移动设备友好的互动地图,而开发的现代的、开源的 JavaScript 库。基于Canvas。它是由 Vladimir Agafonkin 带领一个专业贡献者团队开发,虽然代码仅有 38 KB,但它具有开发人员开发在线地图的大部分功能。

leaflet 可以通过简单的 Api 快速构建出简单的地图,结合其他的接口(Marker、 Popup、Icon、Polyline、Polygon等)即可快速实现点、线、面的绘制,社区中也有非常丰富的插件,可以低成本的实现诸如热力图、插值、聚合、数据可视化等功能,需要注意一点 leaflet 只能实现 2D 地图。

 

2、Cesium

   Cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎。Cesium支持3D,2D,2.5D形式的地图展示,可以自行绘制图形,高亮区域,并提供良好的触摸支持,且支持绝大多数的浏览器和mobile。

   cesium 最重要的是可以实现三维效果,如果项目中有加载模型(类似园区模型)、场景模拟的需求时,可以选用 cesium 的方式实现(针对预算不足,无法采购其他商用方案时)。

 

3、MapBox

Mapbox GL JS 是一个 JavaScript 库,它使用 WebGL,以 vector tiles 和 Mapbox styles 为来源,将它们渲染成互动式地图。它是 Mapbox GL 生态系统的一部分,其中还包括 Mapbox Mobile,它是一个用 C++ 编写的兼容桌面和移动平台的渲染引擎。

mapbox 也可以快速的实现三维效果、加载模型,与 cesium 比较 mapbox 的操作更加简单。

 

市面上也还有非常的多的解决方案,诸如 openlayers、百度地图、高德地图、腾讯地图等。百度、高德提供的 sdk 也可以实现简单的 gis 效果,但不适用复杂效果的开发,还是推荐对于复杂的地图效果使用专业 gis 解决方案。

 

l leaflet、mapBox、cesium 数据管理方式的不同:

1:leaflet 以图层的方式管理数据,一切的数据(点、线、面)都可以看做成独立的图层,开发者只需要对相应的图层执行挂载、卸载即可;

2:mapbox 以资源的方式管理数据,mapbox 最常见的数据管理可以通过加载标准的 geoJson 数据,然后在后续的地图操作中可以指定相对应的资源 id;

3:对于普通的前端开发,cesium 推荐使用实体的方案管理地图中的数据,一切皆为实体。

标签:GIS,WebGIS,地图,可视化,cesium,数据
From: https://www.cnblogs.com/buluzombie/p/16888888.html

相关文章

  • 竟然还有人迷信双11销售数据(ZZ)
    竟然还有人迷信双11销售数据https://www.t66y.com/user/gtechzf居然还有人相信双11天猫的数据。这么说吧,双11的销售金额是真实的,但各品牌的实际销售是假的。所谓成交金额......
  • Java 几分钟处理完 30 亿个数据?
    1.场景说明现有一个10G文件的数据,里面包含了18-70之间的整数,分别表示18-70岁的人群数量统计。假设年龄范围分布均匀,分别表示系统中所有用户的年龄数,找出重复次数最多......
  • TDSQL携手金蝶云·苍穹,发布“国产数据库联合解决方案”
    11月11日,腾讯云数据库与金蝶云·苍穹发布“国产数据库联合解决方案”,腾讯云数据库全面支持苍穹平台的技术与应用设计,通过一体化的“PaaS+SaaS”解决方案,一站式解决企业国......
  • Windows Server 标准版和数据中心版的区别
    背景年底了要做预算采购一些WindowsServer的License,WindowsServer2022的数据中心版和标准版的价格差了6倍。因之前虚拟化平台上的WindowsServer模板用的都是数据中心版,......
  • 苏州IDC数据中心运维与外包综合解决方案
    一、应用场景如何保障关键系统稳定安全运行IT系统越来越庞大,如何保障关键系统稳定运行,达成SLA?在出现故障的时候,快速响应并快速解决,保障业务系统24小时不间断IT如何助力业......
  • spring boot 微服务在进行数据库操作时总是报错Connections reset
    在前端对后台进行数据请求时,访问二,三次后台服务器就报Connectionreset必须重启后才能进行再次访问。最后发现在配置文件中添加如下:spring:r2dbc:pool:ma......
  • 浮点数比较和计算机内部数据转换
    浮点数的比较问题问题描述输出:no问题解释计算机内部以二进制储存,一切数据都将转化为二进制储存在计算机中一个小数分为整数部分和小数部分而小数和整数的转化为二......
  • sqlserver数据库 去除字段中空格,换行符,回车符
    使用REPLACE函数:特殊字符在SqlServerManagementStudio查询中显示为空格,但实际不是空格。在C#中能清晰的看到类似:\r\n的字符.​SQL中可以使用Replace函数来对某个字段里的......
  • 巨蟒python全栈开发数据库前端8:jQuery框架2
    数据可视化推荐网站(都是JavaScript写的):​​echart网站:​​​​https://echarts.baidu.com/​​聚宽网站我们要多用心也是可以做前端的!!! 回顾:1.jquery介绍2.jq......
  • Flask 学习-95.Flask-SQLAlchemy 查询今天当天的数据
    前言查询今天的数据,或者查询某一天的数据SQLDATE()function使我们能够从特定的历史或当前时间戳值访问日期值。DATE()函数Date()函数返回从传递的datetime表达式中提......