news 2026/9/30 17:57:53

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/9/30 12:07:01

PHP+AI语音控制全方案(智能家居自动化核心技术)

第一章:PHPAI语音控制全方案概述随着人工智能技术的普及,将语音识别能力集成到传统Web应用中已成为提升用户体验的重要手段。PHP作为广泛使用的服务器端脚本语言,虽本身不直接处理音频数据,但可通过调用外部AI语音服务实现强大的语…

作者头像 李华
网站建设 2026/9/28 20:24:51

PHP日志解析全攻略(掌握ELK+Graylog的5大高阶用法)

第一章:PHP日志分析的核心挑战与演进在现代Web应用架构中,PHP作为长期广泛应用的服务器端脚本语言,其运行时产生的日志数据成为系统可观测性的关键组成部分。然而,随着应用规模扩大和分布式架构普及,PHP日志分析面临诸…

作者头像 李华
网站建设 2026/9/30 10:32:54

PHP服务告警失效的7个常见坑,你踩过几个?

第一章:PHP服务监控告警的重要性 在现代Web应用架构中,PHP作为后端服务的重要组成部分,其稳定性直接影响用户体验与业务连续性。一旦PHP服务出现性能瓶颈、异常崩溃或响应延迟,可能导致页面加载失败、接口超时甚至系统瘫痪。因此&…

作者头像 李华
网站建设 2026/9/29 8:54:48

强烈安利专科生必用TOP8 AI论文写作软件

强烈安利专科生必用TOP8 AI论文写作软件 2026年专科生论文写作工具测评:为何值得一看? 随着AI技术的不断进步,越来越多的学术辅助工具开始走进高校课堂,尤其对于专科生而言,论文写作往往成为学习过程中的“拦路虎”。从…

作者头像 李华
网站建设 2026/9/29 8:56:08

语音合成灰度持续学习机制:从运行数据中自我优化

语音合成灰度持续学习机制:从运行数据中自我优化 在有声书平台每天生成上千条语音、虚拟主播实时模仿用户音色的今天,一个核心问题浮出水面:我们是否还能接受语音合成系统“部署即固化”的传统模式?当用户对发音准确性、情感自然度…

作者头像 李华
网站建设 2026/9/29 8:56:08

语音合成灰度团队协作:跨部门协同工作机制建立

语音合成灰度团队协作:跨部门协同工作机制建立 在智能客服、虚拟主播和有声内容平台日益普及的今天,企业对语音合成的需求早已超越“能说会道”的基础能力。用户期待的是更自然、更具个性甚至带有情感温度的声音体验——这背后不再是算法工程师单打独斗的…

作者头像 李华