OpenLayers 入门指南【三】：API概要

一、官方文档

首页右侧有四个栏目分别是

1. Docs(文档):也可以理解为使用指南，涵盖一下四个模块

   • Quick Start(快速入门)：介绍如何快速引入并使用OpenLayers快速构建一个地图应用
   • FAQ(问答)：介绍一些常见问题的回复，如果没有你想要的 还可以访问 Stack Overflow
   • Tutorials(教程)：介绍了一些OpenLayers的背景和原理
   • Workshop(研讨会)：这里面主要介绍了以一个应用场景来介绍加载各种图层（如矢量切片、GeoTIFF、矢量数据）的案例等。

2. Examples 官方提供 263 个示例，直观展示各类功能的实现方式，帮助开发者理解和实践应用。

   

3. API 涵盖从 v3 版本至今各重大版本的最后一个补丁版本文档，便于使用特定版本的开发者精准查阅

   

4. Code提供源代码仓库地址与源码下载链接，方便开发者获取和贡献代码。

二、核心类

上面介绍了官网上的四个栏目，其中有两个是作为开发者而言要重点关注的：一个是API文档，一个是Examples示例。这两方面能够帮助我们学习如何使用OpenLayers。示例我们这里就不多做介绍，感兴趣的可以去官网去看。下面我们主要介绍下API文档中有哪些核心类。

下面这张图描述了OpenLayers的体系架构。把地图看成一个容器（Map）,核心为地图图层（Layer）、图层对应的数据源（Source）、矢量图层的样式（Style）、地图表现相关的视图（View）以及其他一些元素如地图事件（Event）、与地图的交互的控件（Control）等。各类数据通过渲染类（Render）读取加载到数据源（Source）中，然后通过与样式（仅矢量数据源需要和样式结合，非矢量数据源不需要样式结合）相结合的方式构建不同的图层呈现在地图（Map）容器中，通过交互（Interaction）和控件（Control）操作地图、绑定相应的事件（Event）来接收地图反馈的信息。

1. Map：地图容器类，承载并管理着地图中的所有元素如控件、图层等
2. View：视图类，控制地图缩放与中心位置等交互操作、设定地图的坐标系
3. Control：控件类，通过此类可以实现一些特定的交互和功能，如 缩放控件（Zoom)、比例尺控件（ScaleLine）等。当然除了预置的控件类之外也可以自定义扩展控件
4. Layer：图层类，通过与数据源Source结合加载各类数据到地图上展示
5. Source：数据源类，用于加载各类数据和服务，与图层类（Layer）结合使用
6. Style：样式类，主要用于设定矢量图层的在地图上展示的样式
7. Interaction：交互类，通过此类可以实现鼠标或者键盘与地图交互的操作
8. Projections：地图投影定义类，用于设定地图视图的坐标系以及数据源的坐标系。目前OpenLayers预置的坐标系就两类EPSG:4326和EPSG:3857,其他坐标系需要自行定义。
9. Overlay：覆盖物类，用于将DOM元素绑定到地图上，通过设置坐标实现DOM元素跟随地图移动
10. Event：事件类，用于监听地图内各类的属性、状态变化；地图的点击、拖拽等交互也会被监听

三、总结

本章节主要介绍OpenLayers官网的展示的不同栏目与作用，方便感兴趣的同学去查阅。核心类模块提到的10个类是地图应用开发过程中经常被使用到的类，只要掌握这些类就能够独立做一个地图应用了。 这里只是介绍下这些类在地图构建中的作用，详细的用法与属性会在后面的文章中逐步介绍。除了上面核心类以外的其他类在此不再介绍，留到具体使用场景的实战中再做说明。当然你也可以去OpenLayers官网的API中自行学习与掌握。