目录
- 一、官方文档
- 二、核心类
- 三、总结
一、官方文档
首页右侧有四个栏目分别是
-
Docs(文档)
:也可以理解为使用指南,涵盖一下四个模块Quick Start(快速入门)
:介绍如何快速引入并使用OpenLayers
快速构建一个地图应用FAQ(问答)
:介绍一些常见问题的回复,如果没有你想要的 还可以访问 Stack OverflowTutorials(教程)
:介绍了一些OpenLayers的背景和原理Workshop(研讨会)
:这里面主要介绍了以一个应用场景来介绍加载各种图层(如矢量切片、GeoTIFF、矢量数据)的案例等。
-
Examples
官方提供 263 个示例,直观展示各类功能的实现方式,帮助开发者理解和实践应用。 -
API
涵盖从 v3 版本至今各重大版本的最后一个补丁版本文档,便于使用特定版本的开发者精准查阅 -
Code
提供源代码仓库地址与源码下载链接,方便开发者获取和贡献代码。
二、核心类
上面介绍了官网上的四个栏目,其中有两个是作为开发者而言要重点关注的:一个是API
文档,一个是Examples
示例。这两方面能够帮助我们学习如何使用OpenLayers
。示例我们这里就不多做介绍,感兴趣的可以去官网去看。下面我们主要介绍下API
文档中有哪些核心类。
下面这张图描述了OpenLayers
的体系架构。把地图看成一个容器(Map),核心为地图图层(Layer)、图层对应的数据源(Source)、矢量图层的样式(Style)、地图表现相关的视图(View)以及其他一些元素如地图事件(Event)、与地图的交互的控件(Control)等。各类数据通过渲染类(Render)读取加载到数据源(Source)中,然后通过与样式(仅矢量数据源需要和样式结合,非矢量数据源不需要样式结合)相结合的方式构建不同的图层呈现在地图(Map)容器中,通过交互(Interaction)和控件(Control)操作地图、绑定相应的事件(Event)来接收地图反馈的信息。
Map
:地图容器类,承载并管理着地图中的所有元素如控件、图层等View
:视图类,控制地图缩放与中心位置等交互操作、设定地图的坐标系Control
:控件类,通过此类可以实现一些特定的交互和功能,如 缩放控件(Zoom
)、比例尺控件(ScaleLine
)等。当然除了预置的控件类之外也可以自定义扩展控件Layer
:图层类,通过与数据源Source
结合加载各类数据到地图上展示Source
:数据源类,用于加载各类数据和服务,与图层类(Layer
)结合使用Style
:样式类,主要用于设定矢量图层的在地图上展示的样式Interaction
:交互类,通过此类可以实现鼠标或者键盘与地图交互的操作Projections
:地图投影定义类,用于设定地图视图的坐标系以及数据源的坐标系。目前OpenLayers
预置的坐标系就两类EPSG:4326
和EPSG:3857
,其他坐标系需要自行定义。Overlay
:覆盖物类,用于将DOM元素绑定到地图上,通过设置坐标实现DOM元素跟随地图移动Event
:事件类,用于监听地图内各类的属性、状态变化;地图的点击、拖拽等交互也会被监听
三、总结
本章节主要介绍OpenLayers
官网的展示的不同栏目与作用,方便感兴趣的同学去查阅。核心类模块提到的10个类是地图应用开发过程中经常被使用到的类,只要掌握这些类就能够独立做一个地图应用了。 这里只是介绍下这些类在地图构建中的作用,详细的用法与属性会在后面的文章中逐步介绍。除了上面核心类以外的其他类在此不再介绍,留到具体使用场景的实战中再做说明。当然你也可以去OpenLayers
官网的API
中自行学习与掌握。