首页 理论教育 OpenLayers地图组成及相关参数

OpenLayers地图组成及相关参数

时间:2023-08-24 理论教育 版权反馈
【摘要】:OpenLayers的核心组成部分有以下6项。map是OpenLayers的核心部件,没有它的话,其他组成部分则不能很好地协调起来。source在OpenLayers中的地位非常高,因为数据是进行一切分析的基础。多种多样的数据类型使得OpenLayers顺应了大数据发展的潮流。上述6个部分,基本就是一个OpenLayers地图的所有核心部分,只有对每一组成部分详细了解后,才能将它们有机地组合在一起,从而构成一个完整的地图,实现对地图相关开发的整体需求。

OpenLayers地图组成及相关参数

由上一节中的例子我们可以知道,OpenLayers初始化一幅地图时,至少需要一个可视区域(view),一个或多个图层(layers),和一个地图加载的目标HTML标签(target)。因此,在上述代码中分别通过target、layers、view参数设置地图加载的目标HTML标签,加载地图必备的瓦片图层和地图视图。这是一种最简单的静态加载地图的方法。

OpenLayers的核心组成部分有以下6项。

1.地图(map)

地图容器类。map是OpenLayers的核心部件,没有它的话,其他组成部分则不能很好地协调起来。它被呈现到对象target容器(例如,包含在地图的网页上的div元素)。map的功能就是显示地图,当然在map中可以任意加载各种类型的图层、地图控件(如鹰眼比例尺、放大缩小等),除此之外,开发者还可以加载很多与地图交互有关的功能控件,大大提高用户与地图之间的交互操作。

2.视图(view)

地图视图类。与上一节中的例子一样,view的功能就是控制地图的视图,包括显示范围、视图中心、最大最小显示层级等。在view中,用户可以控制地图与人的交互,如缩放、旋转、复位等基本功能的实现。一个ol.View实例包含投影projection,该投影决定中心center的坐标系以及分辨率的单位,默认的投影是球墨卡托(EPSG:3857),以米为单位。

3.图层(layer)

图层类。主要是用于加载各种不同类型的图层数据,OpenLayers3包含3种基本图层类型:ol.layer.Tile、ol.layer.Image和ol.layer.Vector。上一节例子中ol.layer.Tile就是一种瓦片图层数据。

瓦片图,顾名思义就是根据地图需要显示的层级进行切片显示的一种地图,最后将图层与对应的数据源(source)绑定以加载对应的瓦片地图。ol.layer.Tile用于显示瓦片资源,这些瓦片提供了预渲染,并且由特定分辨率的缩放级别组织的瓦片图片网格组成。ol.layer.Image用于显示支持渲染服务的图片,这些图片可用于任意范围和分辨率,在实际开发中要使用合适的图片才能达到较好的效果。ol.layer.Vector用于加载矢量图层,它在OpenLayers中是一种十分重要的图层类型。利用矢量图层可以实现很多功能,如动态标绘、编辑要素、绘制要素、调用和加载WFS服务等。

4.数据源(source)

source与layer是一一对应的。在ol.source中有许多不同的种类,每一种都对应一个具体的类。source在OpenLayers中的地位非常高,因为数据是进行一切分析的基础。OpenLayers目前可以支持各种各样的数据源,包含免费的和商业的地图瓦片服务,如Open Street Map、Bing、OGC资源(WMS或WMTS),矢量数据(GeoJSON格式、KML格式),在线的、离线的、静态的等。多种多样的数据类型使得OpenLayers顺应了大数据发展的潮流。每一种图层所对应的source在API文档中都有详细的介绍。(www.xing528.com)

5.控件(control)

控件的作用就是实现某种功能,不同功能对应的控件也不同,是用户与地图之间交互的入口。在上一节例子中,我们可以看到默认的会有放大、缩小按钮,这些按钮其实都是一种控件,所有的控件类都放在包ol.control下面。控件的一般特性就是位置固定,不会随着地图的移动、放大、缩小、旋转等操作而有所改变。

6.交互(interaction)

由于交互不是很直观,所以很多人可能会以为,到目前为止,还没用到interaction。其实不然,在之前的示例中已经用到了交互。前面所进行的操作,如地图放大、缩小、移动等都是交互的体现。

上述6个部分,基本就是一个OpenLayers地图的所有核心部分,只有对每一组成部分详细了解后,才能将它们有机地组合在一起,从而构成一个完整的地图,实现对地图相关开发的整体需求。当然,本章将讲述许多基础功能让读者一步一步深入学习,最后能够融会贯通,实现一个具有多种功能与交互的Web地图系统。

接下来,我们简单介绍OpenLayers中的“API”,文档的用法:进入OpenLayers官网后,点击“API”,即进入帮助文档界面,这样会显示最新版本的帮助文档,现在最新版本已经更新到了5.3。如果要查看OpenLayers3的API文档,可以输入以下网址进行访问:https://geoadmin.github.io/ol3/apidoc/index.html,如图5-2所示,输入需要了解的内容便可搜索到更多相关介绍。

图5-2 OpenLayers中API

从图5-2可以看出,在API文档中有开发者需要的详细说明。以类为例,其包含类的参数、类的所有方法以及类的使用等详细的介绍。

类在OpenLayers开发中至关重要,不了解类及其参数就无法创建有关的类,更无法进行相关功能的设计开发。遇到任何问题要优先查询官方文档来解决,因为API是官方提供的最为权威和准确的开发指导文档,读者养成遇到问题就查询API的习惯对于进一步的深入学习会有很大的帮助。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈