WEB GIS 开发基础概念汇总

article/2025/10/25 12:55:10

WEB GIS 开发基础概念汇总

文章目录

  • WEB GIS 开发基础概念汇总
    • 1.基础概念
    • 2.技术框架
      • 2.1 常见技术概念汇总
      • 2.2 思维导图(借用,感觉比较到位)
    • 3.内网离线WEB GIS搭建思路
    • 4.感谢

1.基础概念

WEB GIS是指依托互联网建立的地理信息服务系统,与传统的地理信息科学一脉相承,是实物地图制图技术与计算机技术、网络技术、软件开发等技术结合后的的产物,其相关的各个领域常称为地理信息科学。

地理信息科学通过研究地理空间发生直接或间接关系的数据的采集、存储、处理、分析、表达和服务方法,使得数据从原始的二维字符状态转变为我们容易理解的空间可视化语言或知识,从而服务于环境、国土、规划、水利、能源、交通、居民生活等各个方面。

WEB GIS中的GIS其英文为Geographic Information System,即地理信息系统,WEB GIS通常意义上的理解是依托于网络建立的地理信息系统,按照现有软件开发技术,其一般为B/S架构。

2.技术框架

2.1 常见技术概念汇总

当前存在许多包含了各种层次的自由及开源的GIS软件,例如大型的桌面GIS有QGIS和GRASS GIS等,目前比较流行的服务器端软件有Geoserver、MapServer和QGIS Server等,还有开源的GIS数据库项目如PostGIS/PostgreSQL Spatial Database,另外还有一些数据转换工具(如GDAL/OGR)以及地图投影算法库(如 PROJ 和 GeoTrans )等开源项目。这些软件大多都得到OSGeo的支持。

开放数据是一类可以被任何人免费使用、再利用、再分发的数据。在其限制上,最多是要求署名和使用类似的协议再分发。Data.gov中包含了许多由美国政府收集的开放数据。此外,开放街道地图(OpenStreetMap,缩写OSM ) 也是一个广泛使用的开放数据源示。OSM项目由英国人Steve Coast创立,概念启发自维基百科网站,是一个构建自由内容之网上地图协作计划,目标是创造一个内容自由且能让所有人编辑的世界地图,并且让廉价的移动设备有方便的导航方案。

2.2 思维导图(借用,感觉比较到位)

学习路线可参照下图,现阶段WEB GIS开发主要基于B/S架构,分为前端和后端,后端另有单独架构。(后附上表格介绍简单介绍各个组件)

在这里插入图片描述

技术类别产品名称简介
前端(客户端)OpenLayersOpenLayers是一个前端UI库,用于使用javascript创建基于Web的空间应用程序。 它支持各种图层源和后端。 例如,可以从GoogleMaps或自定义磁贴源中提取地图图块。这带来的优势在于它使开发人员能够重用诸如tile源之类的元素,而是将注意力集中在其应用程序的更独特方面,例如“业务逻辑”。平铺源等默认组件可以在以后轻松换出。 它支持位图和矢量图层,包括点,线和多边形。 其最广泛使用的功能之一是能够在基本地图上叠加数据层。
LeafletLeaflet是一个Javascript库,强调前端UI。 它支持多种基础层和几何类型的组合。 它覆盖了与OpenLayers有些相似的领域,但功能略有减少。 相对于OpenLayers而言,它的优势在于其对移动设备的出色支持,卓越的产品价值,简洁的简约设计以及对性能的强烈关注。
GeoMooseGeoMoose结合了几个流行的开源库,创建了一个强大而灵活的映射平台,重点放在前端的Javascript / AJAX上。 它使用MapServer作为后端,OpenLayers和Dojo(都是基于Javascript的)用于其用户界面。 它提供了一组强大的工具,用于查看,编辑和查询浏览器中的数据。 它的发展社区似乎非常活跃,并且具有良好的前进轨迹。 它的吸引力来自其功能集和现代,平易近人的用户界面。 其记录良好的Javascript API将使Javascript开发人员和其他Web构建者都能接近,因为大多数Web开发人员至少都接触过Javascript。
WEB服务与应用服务MapServerMapServer是一个开源平台,用于发布空间数据和创建交互式地图应用程序到Web。 它自20世界90年代中期以来一直存在,并被认为是成熟和稳定的,并且持续积极发展。其主要重点是从多个层生成地图,包括基础图像和空间数据集。 它还提供智能标签,包括高级排版和布局,包括碰撞检测。 它可以读取和提供各种格式的空间数据,包括Shapefiles,WMS,GDAL,PostGIS和GeoTIFF。它通常用于生成地图图块及其MapCache扩展。它有一些库,支持各种语言的应用程序开发,包括Python,Perl,Ruby,Java和PHP。
GeoServerGeoServer主要基于Java语言。它提供了创建和编辑地理空间数据以及在面向服务的体系结构中提供地图的基本功能。它使用OpenLayers模块并提供和实现Web地图服务(WMS)标准。 它还使用了GeoTools框架,该框架涵盖了MapServer功能的一小部分。 像GeoServer本身一样,是用Java编写的。 它将主要吸引已经使用基于Java的工具和平台的开发人员。
数据库(数据服务)PostGISPostGIS是PostgreSQL数据库的扩展,它支持空间查询。PostgreSQL既是关系数据库又是对象数据库,被广泛认为是最先进的开源数据库,与Oracle和MS-SQL 类似。 PostGIS支持各种空间查询,包括邻近度,半径,边界框,碰撞/重叠检测等。 它是Web GIS项目中经常使用的非常有用的工具。
GDAL (Geospatial Data Abstraction Library)GDAL是地理空间数据格式的翻译库。 它可以导入和导出各种各样的文件和编码类型。 它可用于在不同投影系统之间转换空间数据。栅格数据格式由GDAL处理,矢量数据格式由OGR处理,现在包含在GDAL中。 它还可用于从多个图像文件源创建马赛克。 GDAL是一种有价值的工具,用于从不同来源获取数据并将其转换为协同工作。
工具TileMillTileMill是一个桌面应用程序,用于生成地图图块图像,然后将其作为静态文件托管以用作基础图层。 TileMill可用于创建视觉上令人惊叹的基础层。 它非常注重美学,包括许多经过深思熟虑的预设,使没有设计背景的人能够制作非常有吸引力和专业的地图图层。 TileMill的开发由一家名为MapBox的公司领导。 他们提供几种有吸引力的付费服务,包括瓷砖托管和精选和精心调整的基础层。

3.内网离线WEB GIS搭建思路

需求简析,公司内网需要搭建离线地图服务,主要功能有:

1.高分辨地图显示

2.制图,用于表示行动路径等

3.规划(类似于导航,不过只需要标示出从A到B的可行路径就好,额外功能是计算总时间)

4.文本规划,要能生成规定的文本格式用于呈送领导审阅

针对以上需求(因为从头到尾就我一个人搞,所以就简单的统计了一下需求),我决定使用PostgreSQL搭建数据服务,GeoServer搭建GIS服务,OpenLayers建立前端库,这样可以实现基本的WEB GIS服务,综合现有情况我的服务器只有一台,并使用了vSphere进行了虚拟化,所有资源并不充分(虽然最后同时在线用户顶多就是那一个最忙的部门的4个人),所以是否需要丰富后端,或者将其他功能都放到前端需要再考虑,不过第一步终于捋清了。

4.感谢

本文是个人在探索搭建内网WEB GIS过程中的思路总结,参考了网上的很多资料,在这里提出感谢,主要如下。

1.http://webgis.cn/

2.https://baijiahao.baidu.com/s?id=1671250239402865139&wfr=spider&for=pc


http://chatgpt.dhexx.cn/article/frAjHf1c.shtml

相关文章

GIS开发中的JavaScript的应用

JavaScript简介 JavaScript是一种很常见的高级编程语言,它和Java计算机语言没有任何联系。 JavaScript主要用于开发Web端的用户界面,比如在Web和移动GIS应用程序中就会用到JavaScript;它主要目标是构建前端应用程序,这些应用程序…

最全GIS开发编程语言汇总及分类

最近总有很多人关心GIS开发语言的问题,这个确实很重要,毕竟学习一门编程语言需要花费不少时间和精力,找不到合适GIS的编程语言意味着浪费时间。 这里将这些内容做一个详细的对比,大家可以根据自己的需要进行参考。 编程语言的特…

三维gis开发

如何简单制作cesium能渲染的三维地图 目录 一、下载高程数据 二、下载卫星影像数据 三、高程数据切片 四、卫星影像切片 五、cesium里渲染加载 一、下载高程数据 网站:地理空间数据云 1、注册登录 2、高级检索 3、数据集选择GDEMV2数据 4、空间位置根据需要…

GIS开发零基础入门:地图操作(附代码)

示例功能 本示例在加载了天地图矢量图层以及其注记图层的基础上,添加了地图视图的放大、缩小、跳转以及复位功能。 示例实现 本示例需要使用 【include-openlayers-local.js】 开发库实现,然后通过 setZoom(zoom)方法设置地图的缩放等级,通过…

第一章第1节-什么是GIS开发

1. 什么是GIS 要了解GIS开发, 首先我们要知道什么是GIS GIS: Geographic Information System 地理信息系统 地理信息系统(GIS,Geographic Information System)是一门综合性学科 结合了地理学与地图学以及遥感和计算机科学 详细内容参考: …

GIS开发实战图谱

总结了GIS开发的技术栈,罗列了应该了解的内容。 算是比较大而全的了,分理论、规范、数据、算法、软件、后端、前端、方向8个专项。 不求短期内全部都会,但还是一个比较好的学习框架和实践索引,如果基础好的话,两三年…

js中的设计模式之适配器模式

Js中的适配器模式 定义 将一个对象的接口适配成用户所期待的接口。 详细描述 适配器模式就是将不同对象的方法适配成可以对接或者统一调用的方式。它也是包装器的一种。 在生活中也有很多类似的例子,比如有的手机没有3.5耳机插口,所以就需要增加一个…

JavaScript设计模式之状态模式

什么是状态模式? 状态模式是一种非同寻常的优秀模式,它也许是解决某些需求场景的最好方法。虽然状态模式并不是一种简单到一目了然的模式(它往往还会带来代码量的增加),但你一旦明白了状态模式的精髓,以后…

【JavaScript设计模式】观察者模式

观察者模式 文章目录 观察者模式🌰:理解观察者模式手写观察者模式必须先订阅再发布吗Vue数据双向绑定(响应式系统)的实现原理实现一个Event Bus/ Event Emitter在Vue中使用Event Bus来实现组件间的通讯 观察者模式与发布-订阅模式…

js设计模式

js设计模式 1.构造器函数 function Ema(name, age) {this.name nameconsole.log(this);//谁调用了this就指向谁this.sayfunction(){console.log(1)}}let ema1new Ema(zhangsna1)let ema2new Ema(李四1)console.log(ema1);//Ema obj {name:zhangsan1, Fun say}console.log(ema…

八大最常用的JavaScript设计模式

八大最常用的JavaScript设计模式 设计模式(Design pattern) 是解决软件开发某些特定问题而提出的一些解决方案也可以理解成解决问题的一些思路。通过设计模式可以帮助我们增强代码的可重用性、可扩充性、 可维护性、灵活性好。我们使用设计模式最终的目…

JavaScript 设计模式之组合模式

引 我们知道地球和一些其他行星围绕着太阳旋转,也知道在一个原子中,有许多电子围绕着原子核旋转。我曾经想象,我们的太阳系也许是一个更大世界里的一个原子,地球只是围绕着太阳原子的一个电子。而我身上的每个原子又是一个星系&a…

JavaScript设计模式

JavaScript设计模式 设计模式:代码经验的总结,是可重用的用于解决软件设计中一般问题的方案。 设计模式都是面向对象的。 学习设计模式,有助于写出可复用和可维护性高的程序。 常用的12种设计模式: 工厂模式 单例模式 原型模…

JavaScript中常见的十五种设计模式

一、单例模式 二、策略模式 三、代理模式 四、迭代器模式 五、发布—订阅模式 六、命令模式 七、组合模式 八、模板方法模式 九、享元模式 十、职责链模式 十一、中介者模式 十二、装饰者模式 十三、状态模式 十四、适配器模式 十五、外观模式 一、单例模式 1. …

JS 常用的六种设计模式介绍

常用设计模式 前言 我们经常听到一句话,“写代码要有良好的封装,要高内聚,低耦合”。究竟怎样的代码才算得上是良好的代码。 什么是高内聚,低耦合? 即五大基本原则(SOLID)的简写 高层模块不…

git工具统计项目的代码行数

1、git 查看代码的项目总行数 (1)打开Git终端,进入项目的根目录 git log --prettytformat: --numstat | awk { add $1; subs $2; loc $1 - $2 } END { printf "added lines: %s, removed lines: %s, total lines: %s\n", add,…

小技巧之统计代码行数

欢迎关注我的微信公众号“人小路远”哦,在这里我将会记录自己日常学习的点滴收获与大家分享,以后也可能会定期记录一下自己在外读博的所见所闻,希望大家喜欢,感谢支持! 搞了两个月,连搬带抄写出来的代码&a…

MAC代码下统计代码行数工具

作为一名程序员在很多的时候需要统计代码行数: 支持windows系统的代码行数统计方法以及软件很多,但是MAC系统的统计代码行数的真的不太多。 大家都知道用 wc -l 命令进行代码行数统计,但是它会将代码中的注释、空行所占用的文本行都统计在内…

cloc工具 命令行 统计代码行数

基本用法 :cloc后面跟目录名,文件名,或压缩文件名 例如: cloc ./application 1.安装(参考官网http://cloc.sourceforge.net/#apt-get) 根据操作系统不同,选择以下任意安装方法 sudo npm install -g cloc …

程序代码行数统计

程序写完了,提交著作权的时候不知道代码行数是多少怎么办? 介绍 软件名称兼容系统下载地址代码统计工具Windows软件下载 下面我们开始教程 打开主应用程序点击加号添加程序项目所在的目录点击按钮选择需要统计文件的文件后缀,看个人需求如…