GIS系列（一）互联网地图WebGIS技术架构概述

已于 2022-09-01 13:36:35 修改
阅读量3.6k 收藏 10
点赞数 6
分类专栏： GIS原理系列 文章标签： gis javascript webpack java postgresql
于 2021-04-28 14:19:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lz5211314121/article/details/116231448
版权
本文概述了互联网地图WebGIS的技术架构，包括纯前端和前后端结合两种方式。纯前端可利用OpenLayers、Leaflet等框架，而前后端结合项目中，服务端常使用Java的Geotools进行地理数据处理，数据库推荐使用PostgreSQL。后续文章将深入探讨各部分技术。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这是我在csdn上发表的第一篇文章，两年的webgis开发让我对现在的互联网地图技术架构有了一个初步的了解，这篇文章为大家简单的分享一下现有的互联网地图的技术架构。

1.纯前端

纯前端地图架构依赖于众多的js框架，如果是开源的成型的框架，可以使用OpenLayers，Leaflet，Mapbox等。三维的可以使用Cesium，Three.js当然，如果你不想借助已有的框架，想自己写

的话，也可以好好学习一下canvas，WebGL等基础知识，自己编

了解本专栏 订阅专栏 解锁全文 超级会员免费看
GIS平台结构设计
远景地理信息系统|RemoteGIS
10-29 1106
前言：           WebGIS由于技术发展和功能定位的原因，一般在进行架构设计的时候更多地考虑是否容易实现、用户交互、数据传输方便、渲染效果等方面，对强GIS的应用考虑得少，所以架构上与桌面的GIS平台很不一样。使用HTML5开发的GIS平台，由于性能的提高、海量矢量数据的支持，很多桌面上的GIS功能都能转移到WebGIS上，这时候常见的WebGIS架构就难满足要求了。本文介绍了桌
WebGIS开发系列教程（1）：GIS开发基础
2301_78220461的博客
09-12 1086
WebGIS(网络地理信息系统)，即Web+GIS,侠义来说就是基于B/S架构(Browser/Server，浏览器/服务器架构)通过Web浏览器访问的GIS。相对于C/S(Client/Server,客户机/服务器)架构，B/S架构具有部署方便、使用简单、便于推广等优势。例如：后端结合Springboot使用的WebGIS项目，最终我们只需要打成一个可执行的jar包即可运行。基于JavaEE的解决方案。
WebGIS技术系统架构与应用
05-05
当前Internet正在以惊人的速度迅速蓬勃发展，在这样的情势下，如何将GIS引入Internet世界，使GIS充分利用和发挥网际网络的优势，就成为GIS发展研究的一个重要课题
Web GIS 离线地图
aitinuo1702的博客
01-16 323
Web GIS 离线地图 1，基于瓦片的离线地图下载 博客园阿凡卢提供了离线地图的下载工具，下载地址：http://pan.baidu.com/s/1cxGpXW具体使用见 参考资料2 阿凡卢提供的地图下载软件，对于导出的瓦片图片的目录是基于ArcGIS切片目录，我编写了将导出到Mysql数据库中的瓦片数据导出为{type}/{z}/{x}/{y}.png 格式。...
2025 年 WebGIS 开发新动向：不可错过的行业变革要点
最新发布
2501_91851081的博客
04-30 1091
WebGIS，全称 Web-based Geographic Information System，也就是基于互联网的地理信息系统。简单来说，就是把地图“搬”到网页或移动应用里，让用户通过浏览器就能查看、分析和操作地理空间数据。比如你在高德地图上查路线，在百度地图上找附近餐馆，甚至在气象网站上看台风路径——背后都有 WebGIS 的身影。
WEBGIS技术架构
qq_43717190的博客
08-07 443
WebGIS(网络地理信息系统）是指工作在Web网上的GIS，是传统的GIS在网络上的延伸和发展，具有传统GIS的特点，可以实现空间数据的检索、查询、制图输出、编辑等GIS基本功能，同时也是Internet上地理信息发布、共享和交流协作的基础。 ...
常用GIS行业技术架构总结-技术运维产品
纸上得来终觉浅，绝知此事要躬行
09-09 1万+
常用技术架构总结：包括技术架构、运维架构、产品架构。知识剖析给出了普遍使用的软件技术选型。 目录 知识剖析 技术架构 运维架构 产品架构 知识剖析 技术架构 运维架构 产品架构 设计下载Axure文件：https://download.youkuaiyun.com/download/boonya/11705011 ...
WebGIS的Web服务概述
weixin_45213317的博客
07-21 1589
Web服务是一种运行于Web服务器上的程序。Web服务提供一个XML接口，是通过标准Web协议实现通信的，支持系统间的松耦合连接，适用于任何类型的Web环境，无论互联网、Intranet还是Extranet。Web服务是一种用来解决跨网络应用集成问题的开发模式，这种模式为实现“软件作为服务”提供了技术保障。
ArcGIS Engine实现WebGIS模型架构研究
10-22
《ArcGIS Engine实现WebGIS模型架构研究》一文深入探讨了如何利用ArcGIS Engine这一强大的地理信息系统（GIS）开发工具，构建高效、稳定的WebGIS应用框架。文章首先介绍了ArcGIS Engine的基本概念及其作为桌面GIS...
WebGis系统基本架构
userJJJ的博客
03-08 1万+
WebGIS系统基本架构。
gis架构设计
06-22
GIS的整体架构设计图。包括 GIS数据转换处理，显示，统计，分析
常用GIS行业技术架构设-公司技术架构.rp
09-09
常用GIS行业技术架构设计，采用Axure设计图框表达，Axure版本8.0以上支持。
webgis地图开发
01-28
webgis地图demo，openlayers、leaftletjs例子。后期添加百度和高德地图api
常用的前端地图框架（WebGIS框架）
热门推荐
张景源的博客
11-20 2万+
1. Leaflet Leaflet 是最著名的前端地图可视化库，它开源、体积小、结构清晰、简单易用。 2. Mapbox GL JS Mapbox GL JS 是目前最新潮的前端地图库，它的矢量压缩、动态样式和三维性能令人印象深刻。它本身是开源的，但一般依赖于Mapbox公司提供的底图服务。 3. ArcGIS API for JS ArcGIS API for JS 是较为学院派的前端地图库，它是ArcGIS开发套件中的一部分，和桌面端和服务器端ArcGIS软件有较好的协作。它不开源且收费不低，在学术场
WEBGIS系统整体设计
leva的博客
06-21 1099
城市地下电力管线管理系统是一个基于B/S 架构的应用系统。系统的网络拓扑结构如 PostgreSQL 数据库以及文件系统作为数据服务器。另外，使用GeoServer 作为GIS 服务器，提供符合OpenGIS 规定的WFS 、WMS 等协议的GIS 服务。 遵循MVC 的分层设计思想，系统整体上分为数据层、应用逻辑服务层及表现层三层。 系统的层次结构所示。 由于城市地下电力管线GIS 系统涉及大量的数据处理，如果将业务逻辑都放在浏览器端处理会使浏览器负担过重，导致效率下降，相反如果将其都放在服务器端处理
WebGIS开发：常见地图框架介绍
weixin_43724098的博客
07-26 2132
在上文介绍过常见的地图服务之后，本文将介绍一些主流的WebGIS地图框架，包括开源框架、商业框架以及一些专注于地理信息的附加功能，来实现常见服务的加载与项目的执行。
GIS开发之二维地下管线综合管理系统（Arcgis）第二节 技术架构
baidu_33480921的博客
03-08 1963
目录架构技术选型GIS平台选择数据库选择开发语言选择开发框架发布部署代码目录开发参考资料 架构 系统总体架构图如下图所示： 技术选型 GIS平台选择 GIS基础平台选用ArcGIS 10.2系列软件，主要用到以下组件： GIS服务器：ArcGIS Server，用于地下管线图层数据的发布和管理，提供统一的WMS、WMTS等OGC服务，同时提供ArcGIS独有的查询和统计服务。 前端组件：ArcGIS Api for JS，用于实现管线系统前端地图页面的渲染，包括加载基础底图、加载管线图层和其他相关业
WebGIS地图显示与基础功能
weixin_43320429的博客
06-25 946
WebGIS地图显示与基础功能
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

WebGIS小智

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值