webGIS开发第二章

发布时间:2024年01月16日

1.什么是webGIS开发

webGIs: 将前端可视化技术与GIS技术结合,提供更好的信息展示和用户交互
近年来前端技术日新月异,突飞猛进发展十分迅速尤其是以canvas和webGL为代表的前端可视化技术不断完善
实现了很多酷炫的效果
提供了良好的用户交互
web前端技术和GIS技术深度融合,涌现出了大量优秀的框架 如
1.处理二维GIS的 openlayers MapBox leaflet
2.处理三维GIS的 cesium
框架的出现。为开发者提供了极大的便利

同时, webGIS和云计算,分布式架构结合,形成 GIS云平台GIS云平台 的出现
1.简化了开发流程
2.降低了开发成本
3.提升了开发效率

2.基础平台

(1)什么是基础平台

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

(2)基础平台的作用

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

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

3.应用平台

有些应用方向也会提供自己的平台.比如
地图导航应用
高德开放平台
百度地图开放平台这些平台面向大众提供开放的API接口服务

(1)为什么选择高德开放平台

高德开放平台相对比较好配置 比较轻量级,容易上手

4.地图组成结构

在这里插入图片描述

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

1)地图容器 Container

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

2)地图容器 Container

图层是指能够在视觉上覆盖一定地图范围,用来描述全部或者部分现实世界区域内的地图要素的抽象概念
一幅地图通常由一个或者多个图层组成
高德地图JSAPI 即提供了大量标准图层和自定义图层

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

3)矢量图形 Vector Overlays

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

除了折线、圆、多边形之外,JS API 还提供了矩形、圆、贝瑟尔曲线等常用的矢量图形3D视图下的 Mesh、Prism 棱柱、MeshLine 也可以看做是一些特殊的量图形

4)点标记Markers

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

5)地图控件 Map Controls

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

5.名词

1)地图级别 ZoomLevel

级别与地图的比例尺成正比,每增大一级,地图的比例尺也增大一倍,地图显示的越详细。Web地图的最小级别通常为3级,最大级别各家略有不同,高德地图JS API 目前最大级别为 20 级

2)经纬度LngLat

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

3)底图 BaseLayer

严格意义上,底图指处于所有图层和图形最下方的一个图层,通常不透明。可以是单一图层,比如官方标准图层,也可以是图层组合,比图卫星图层和路网图层组合。

4)地图要素 Map Features

严格意义的地图要素指的是展示在地图上的地理要素,包括道路、区域面、建筑、POI标注、路名等。开发者自定义的点标记、矢量图形也可以看做是一种地图要素。

5)标注Labels

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

6)地图平面像素坐标 Plane Coordinates

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

7)投影 Projection

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

下一章: link

文章来源:https://blog.csdn.net/weixin_60196946/article/details/135629054
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。