news 2026/4/19 19:05:50

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/4/19 19:05:49

为什么你的PHP应用扛不住百万流量?分库分表+读写分离才是终极解法

第一章:为什么你的PHP应用扛不住百万流量当用户量从千级跃升至百万级别时,许多基于PHP构建的应用系统开始出现响应延迟、服务崩溃甚至数据库宕机等问题。根本原因往往并非PHP语言本身性能不足,而是架构设计与资源调度未能适配高并发场景。同步…

作者头像 李华
网站建设 2026/4/17 12:23:58

语音合成灰度技术创新激励:奖励优秀改进提案

语音合成灰度技术创新激励:奖励优秀改进提案 在智能语音内容爆发式增长的今天,用户早已不满足于“能说话”的机械朗读。从虚拟主播的情感演绎,到有声书中的角色音色定制;从教育场景下的标准发音播报,到客服系统中个性化…

作者头像 李华
网站建设 2026/4/18 1:21:36

2026年哪个降AI率工具的效果最好?10个主流去AI工具测评

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

作者头像 李华
网站建设 2026/4/17 20:21:17

哪个工具能降知网AI率?实测比话把AI率从39降到0!

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

作者头像 李华
网站建设 2026/4/18 4:23:26

GLM-TTS在航天发射倒计时播报中的精确同步方案

GLM-TTS在航天发射倒计时播报中的精确同步方案 在火箭点火前的寂静控制大厅里,每一秒都牵动人心。当“T减60秒,各系统报告状态”这句指令通过广播响起时,它不仅是一条信息传递,更是一种信任的建立——声音必须清晰、准确、稳定&am…

作者头像 李华