开源地图引擎openlayers_OpenLayers教程一:OpenLayers概述

本文介绍了开源地图引擎OpenLayers,它是一个强大的WebGIS客户端JavaScript包,支持瓦片图层、矢量切片、矢量图层,兼容OGC规范,并利用前沿技术提供优秀的交互体验。OpenLayers的核心包括Map、Layer、Source和View,其框架结构基于面向对象设计,允许灵活定制和扩展。
摘要由CSDN通过智能技术生成

8010d5b646ec1b5a88a61ce5817a80ec.png

一、OpenLayers简介

OpenLayers是一个用于开发WebGIS客户端的JavaScript包,最初基于BSD许可发行。

OpenLayers是一个开源的项目,其设计之意是为互联网客户端提供强大的地图展示功能,包括地图数据显示与相关操作,并具有灵活的扩展机制。

目前OpenLayers已经成为一个拥有众多开发者和帮助社区的成熟、流行的框架。

下面就是一个使用OpenLayers开发的国际航班动画图:

7bf1ab0a8a67183bc3d1a20d52b06cd0.gif

以下是OpenLayers的官方网站:

https://www.baidu.com/link?url=XfUF0aGM_JsScJZV8Kfyddv8lXLrdtA_tSvuMaCIQPyJBsTXuZdueIbI8xP0ZvvY&wd=&eqid=b8c1cd58000252f4000000065cee4e74

二、OpenLayers的特征

2.1、支持瓦片图层

OpenLayers支持从OSM、Bing、MapBox、Stamen和其他任何你能找到的XYZ瓦片资源中提取地图瓦片并在前端展示。同时也支持OGC的WMTS规范的瓦片服务以及ArcGIS规范的瓦片服务。

2.2、支持矢量切片(或者矢量瓦片)

OpenLayers也支持矢量切片的访问和展示,包括MapBox矢量切片中的pbf格式,或者GeoJSON格式和TopoJSON格式的矢量切片。

2.3、支持矢量图层

能够渲染GeoJSON、TopoJSON、KML、GML和其他格式的矢量数据,上面说的矢量切片形式的数据也可以被认为是在矢量图层中渲染。

2.4、支持OGC规范

OpenLayers支持OGC制定的WMS、WFS等GIS网络服务规范。

2.5、运用前沿技术

利用Canvas 2D、WebGL以及HTML5中最新的技术来构建功能。同时支持在移动设备上运行。

2.6、易于定制和扩展

可以直接调整CSS来为地图控件设计样式。而且可以对接到不同层级的API进行功能扩展,或者使用第三方库来定制和扩展。

2.7、基于面向对象的思想

最新版本的OpenLayers采用纯面向对象的ECMA Script 6进行开发,可以说,在OpenLayers中万物皆对象。

2.8、优秀的交互体验

OpenLayers实现了类似于Ajax的无刷新功能,可以结合很多优秀的JavaScript功能插件,带给用户更多丰富的交互体验。

三、OpenLayers的框架结构

OpenLayers遵循面向对象的思想进行设计过程中,实现了各种十分强大的功能,这也意味着它的框架体系也比较庞大。

让我们看一幅OpenLayers的框架类图:

080da6174bf09bee44dde7548a950ee5.png

可以看到OpenLayers实现了上百个类,用于对GIS中的各种事物进行抽象表达。

其中,Map、Layer、Source和View是OpenLayers框架体系中的核心类,几乎所有的动作都围绕这几个核心类展开,以实现地图加载和相关操作。

在OpenLayers的体系框架中:把整个地图看作一个容器(Map),核心为地图图层(Layer),每个图层有对应的数据源(Source),并由地图视图(View)控制地图表现。地图容器上还支持一些与用户交互的控件(Control和Interaction),另外,OpenLayers还支持事件机制。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值