news 2026/7/8 12:47:33

WebGIS开发智慧校园笔记 | 2.WebGIS开发平台介绍

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
WebGIS开发智慧校园笔记 | 2.WebGIS开发平台介绍

往期内容:
WebGIS开发智慧校园(1)GIS开发的基本概念

GIS基础平台

1) 什么是基础平台

基础平台,也称系统平台,提供全面的开发支持,为专业应用方向提供基础设施. 类似于手机里的Android IOS系统 常见的基础平台有:

  • MapGIS
  • ArcGIS
  • SuperMap

2) 基础平台的作用

开发者可以基于基础平台,开发定制专业应用. 比如:

  • 自然资源应用
  • 地质矿产应用
  • 农林应用
  • 城市规划应用
  • 交通物流应用

GIS常见应用平台

有些应用方向也会提供自己的平台,比如,地图导航应用:

  • 高德开放平台
  • 百度地图开放平台

这些平台面向大众提供开放的API接口服务

1)高德开放平台

这里我们以高德开放平台为例,给大家讲解WebGIS开发

为什么选择高德平台?

实际上,所有平台都是大同小异的,MapGIS也好,高德API也好,都可以解决webGIS的核心问题:

甶于高德开放平台相对比较好配置,比较轻量级,在本次教程中主要跟大家分享高德API的使用。 后面也可能会出一些其他平台的教程,敬请关注。

GIS开发相关术语与名词

1.整体框架

为了方便开发,我们先从整体框架层面对webGIS做一个介绍。

1)地图的组成

以高德地图为例,我们先了解一下地图的组成

地图组成结构

  • 底图(Map):所有信息的载体
  • 图层(Layer):将不同地理信息分类形成的一个集合
  • 要素(Feature):表示不同的地物
  • 几何(Geometry):信息的数据模型和抽象

2)地图容器Container

地图容器Container

即在准备阶段所创建的指定了id的div对象,这个div将作为承载所有图层、点标记、矢量图形、控件的容器。

3)图层Layer

图层是指能够在视觉上覆盖一定地图范围,用来描述全部或者部分现实世界区域内的地图要素的抽象概念

一幅地图通常由一个或者多个图层组成

高德地图JSAPI即提供了大量标准图层和自定义图层:

  • 标准图层
  • 卫星图层
  • 路网图层
  • 路况图层

4)矢量图形Vector Overlays

矢量图形,一般覆盖于底图图层之上,通过矢量的方式(路径或者实际大小)来描述其形状,用几何的方式来展示真实的地图要素,会随着地图缩放而发生视觉大小的变化,但其代表的实际路径或范围不变。

除了折线、圆、多边形之外,JSAPI还提供了矩形、橢圆、贝瑟尔曲线等常用的矢量图形。

3D视图下的Mesh、Prism棱柱、MeshLine也可以看做是一些特殊的矢量图形。

5)点标记Markers

点标记是用来标示某个位置点信息的一种地图要素,覆盖于图层之上。

通常就是一个点要素

6)地图控件 Map Controls

控件浮在所有图层和地图要素之上,用于满足一定的交互或提示功能。

2.名词

地图级别ZoomLevel

级别与地图的比例尺成正比,每增大一级,地图的比例尺也增大一倍,地图显示的越详细。

Web地图的最小级别通常为3级,最大级别各家略有不同,高德地图JSAPI目前最大级别为20级。

经纬度LngLat

坐标通常指经纬度坐标,高德地图的坐标范围大致为:东西经180 度( [-180, 180],西半球为负,东半球为正),南北纬85 度( [-85, 85],北半球为正,南半球为负)。

底图 BaseLayer

严格意义上,底图指处于所有图层和图形最下方的一个图层,通常不透明。

可以是单一图层,比如官方 标准图层,也可以是图层组合,比图卫星图层和路网图层组合。

地图要素Map Features

严格意义的地图要素指的是展示在地图上的地理要素,包括道路、区域面、建筑、poi标注、路名等。

开发者自定义的点标记、矢量图形也可以看做是一种地图要素。

标注Labels

我们习惯将底图上自带的标示一定信息的文字或图标称为标注,比如poi标注,道路名称标注等。

地图平面像素坐标Plane Coordinates

地图平面像素坐标指投影为平面之后的地图上的平面像素坐标,高德地图使用的Web墨卡托投影,在3 级时,平面坐标范围为横纵0-2562的3次方像素,每级别扩大一倍,即第n级的平面坐标范围为0- 2562的n次方像素。

投影 Projection

地图投影指的是将地球球面的经纬度坐标映射到地图平面坐标的变换和映射关系。高德地图使用Web 墨卡托投影,即采用EPSG:3857坐标系统。

总结

这一篇主要介绍GIS开发相关的平台介绍和基础概念以及名词解释,是学习webgis开发的前置条件之一。

下一章我们会开始搭建开发环境。

+下方↓↓小助手,备注【智慧校园】领取完整版视频+源码

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/1 10:12:47

【资深架构师亲授】:PHP项目分库分表迁移避坑指南

第一章:分库分表的核心理念与演进路径在现代高并发、大数据量的应用场景下,单一数据库实例已难以支撑业务的持续增长。分库分表作为一种有效的数据库水平扩展方案,其核心理念是将原本集中存储的数据按一定规则分散到多个数据库或数据表中&…

作者头像 李华
网站建设 2026/7/1 10:12:50

知网AIGC检测系统升级后如何隆低AI率?2026年1月最新隆AI攻略

2026年,各高校明确要求毕业论文必须通过AIGC检测,AI率高于30%甚至20%将无法参加答辩。知网作为国内主流AIGC查重系统,使用知网查论文AI率的学校和师生特别多。 2025年12月28日知网完成AIGC检测算法升级,知网个人AIGC检测服务系统…

作者头像 李华
网站建设 2026/6/26 17:38:55

语音合成灰度组织变革管理:推动内部接受新技术

语音合成灰度组织变革管理:推动内部接受新技术 在企业数字化转型的浪潮中,语音交互正从边缘功能演变为关键服务触点。无论是客服系统的自动播报、培训材料的语音化,还是营销内容的个性化推送,高质量语音输出已成为用户体验的重要组…

作者头像 李华
网站建设 2026/7/1 20:33:39

汽车制造工艺数字化转型:冲、焊、涂环节的智能优化与协同

一、“冲焊涂”工艺在汽车制造中的重要地位与技术挑战在现代汽车制造体系中,冲压、焊接、涂装(简称“冲焊涂”)作为车身制造的三大核心工艺环节,直接决定了整车的结构强度、外观品质以及耐腐蚀性能。冲压工艺负责通过大型模具将金…

作者头像 李华
网站建设 2026/7/1 10:12:50

手把手教你用PHP构建可视化流程设计器:前端+后端完整实现

第一章:PHP低代码流程设计器概述PHP低代码流程设计器是一种基于PHP语言构建的可视化开发工具,旨在通过图形化界面快速搭建业务流程逻辑,降低传统编码的复杂度。开发者或业务人员可通过拖拽组件、配置参数的方式定义流程节点与流转规则&#x…

作者头像 李华
网站建设 2026/7/4 12:44:02

【人工智能通识专栏】第五讲:DeepSeek插件

【人工智能通识专栏】第五讲:DeepSeek插件 上一讲我们探讨了DeepSeek的多种接入渠道,包括官方网页、API和本地部署。本讲聚焦DeepSeek插件(extensions/integrations),即通过浏览器扩展、IDE插件等方式,将D…

作者头像 李华