news 2026/3/13 0:23: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/3/8 12:18:08

【PHP微服务熔断机制实战】:掌握高可用系统设计的5大核心策略

第一章:PHP微服务熔断机制的核心概念在构建高可用的PHP微服务架构时,熔断机制是保障系统稳定性的关键设计之一。当某个下游服务响应延迟或频繁失败时,熔断器能够主动切断请求,防止故障扩散至整个调用链,从而避免雪崩效…

作者头像 李华
网站建设 2026/3/12 9:06:47

学长亲荐2026TOP10AI论文平台:本科生毕业论文全场景测评

学长亲荐2026TOP10AI论文平台:本科生毕业论文全场景测评 2026年AI论文平台测评:为何要选对工具? 随着人工智能技术的不断进步,AI写作工具在学术领域的应用愈发广泛。对于本科生而言,撰写毕业论文不仅是学业的重要环节&…

作者头像 李华
网站建设 2026/3/10 0:12:57

包装运输测试标准对比:ASTMD4169与YY/T0681.15核心差异

ASTM D4169(DC13 系列)是国际通用运输包装性能标准,YY/T 0681.15 是我国无菌医疗器械专项标准,二者核心区别聚焦三大重点,简洁解析如下:一、适用对象:通用VS专项ASTM D4169(DC13 系列…

作者头像 李华
网站建设 2026/3/9 15:08:07

跨域时代的核心技能:PHP如何安全传递Cookies给前端?

第一章:跨域时代的核心挑战与Cookie安全传递的必要性在现代Web应用架构中,前端与后端服务常常部署在不同的域名下,形成典型的跨域场景。这种分离提升了系统的可维护性和扩展性,但也带来了身份认证与状态管理的新挑战。其中&#x…

作者头像 李华
网站建设 2026/3/11 21:04:30

语音合成灰度功能开关:动态启用或禁用特定特性

语音合成灰度功能开关:动态启用或禁用特定特性 在虚拟助手越来越“能说会道”的今天,我们对语音合成的要求早已不再满足于“把字读出来”。用户期待的是富有情感的播报、准确无误的专业术语发音,甚至是带有个人风格的声音克隆。GLM-TTS 正是在…

作者头像 李华
网站建设 2026/3/12 20:56:25

GLM-TTS在儿童教育产品中的安全过滤机制

GLM-TTS在儿童教育产品中的安全过滤机制 在智能语音逐渐渗透到日常生活的今天,儿童教育类产品的设计正面临一个关键挑战:如何让AI合成的声音既生动自然,又绝对安全可靠?随着个性化语音助手、智能绘本朗读机、AI家教等设备走进家庭…

作者头像 李华