OpenLayers学习笔记初级篇（一、地图加载）

开源的地图包做的比较优秀比较好的就是OpenLayers了，下面我将用我的学习笔记带领一些没接触过OpenLayers的同学进行学习，目前初步将学习笔记分为初级基础篇，中级进阶篇和高级应用篇，我将通过一个个小的demo进行学习，比较有助于大家加深记忆和动手编码能力，下面我们进行初级基础的学习！

1、OpenLayers 3简介

OpenLayers 3简称ol3，它是一个开源的Web GIS引擎，使用了JavaScript、最新的HTML5技术及CSS技术，支持dom，canvas和webgl三种渲染方式。除了支持网页端，还支持移动端（目前移动端还不成熟，有待进一步完善）。在地图数据源方面，支持各种类型的瓦片地图，既支持在线的，也支持离线的。比如OSM, Bing, MapBox, Stamen, MapQuest等等；还支持各种矢量地图，比如GeoJSON，TopoJSON，KML，GML等等。随着OpenLayers 3的进一步发展，将支持更多的地图类型。

2、代码编辑器的选择，这笔我用的是HBuilder，当然还有许多别的可用，比如VSCode、Idea、等等。好了，废话少说我们直接进行第一个OpneLayers地图的加载！我将以源码的形式进行展示！

首先我们在HBuilder中新建一个Web项目，名为OpenLayers初级，如下图所示：