openlayers3学习--简介

官网https://openlayers.org/

 

一、官方简绍:A high-performance, feature-packed library for all your mapping needs

OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles, vector data and markers loaded from any source. OpenLayers has been developed to further the use of geographic information of all kinds. It is completely free, Open Source JavaScript, released under the 2-clause BSD License (also known as the FreeBSD).

一个高性能,功能丰富的库,可满足您的所有映射需求。

OpenLayers可以轻松地在任何网页中放置动态地图。它可以显示从任何来源加载的地图图块,矢量数据和标记。开发OpenLayers是为了进一步使用各种地理信息。它是完全免费的开源JavaScript,根据2条款BSD许可证(也称为FreeBSD)发布。

 

二、四大特色:

Tiled Layers

Vector Layers

Cutting Edge, Fast & Mobile Ready

Easy to Customize and Extend

 

三、说明

文中代码版本5.3.0。v5以上的版本开始官方的API和实例都是以模块化的方式提供,可能对于一些小伙伴们不太友好,所以文中的代码都是已传统的方式编写。

 

四、正文

本章主要梳理一下openlayers的主要逻辑结构,对其有一个整体认识和把握,学习起来也会更加的容易。

 

ol.Map对象的主要属性

openlayers3学习--简介

 

Layer的主要属性

 

openlayers3学习--简介

 

图中列出的属性是我认为比较基础的,开发过程中会频繁使用的对象,每个对象具体的使用场景、方式以及详细的属性及作用将在后面的文章中陆续讲解。