续前几篇文章，前面陆续介绍了开源GIS服务器Geoserver，开源数据库Postpresql以及开源前端udig的安装和基本使用。
WebGIS前端开发，可以选择arcgis for javascript,arcgis for flex,Openlayers2, Openlayers3,leaflet。Arcgis for javascript 和Arcgis for flex 属于ESRI公司的前端产品，使用这些前端做项目开发，不会收费。本篇既然是讲开源WebGIS解决方案，Web前端开发框架主要选择openlayers2、openlayers3以及leaflet，openlayers2和3，网上有很多资源，leaflet是一个轻量级webgis前端框架，原本设计主要应用于手机应用开发，但也可以使用这个轻量级框架来做web前端开发。
本篇主要讲解openlayers2和3的应用。项目中应用openlayers2和3相对比较简单，只需要将js文件和样式文件引入html页面即可使用。
Openlayers2在项目中引用如下图所示：
Openlayers3在项目中引用如下图所示：
在项目前期开发中，可以引用openlayers2或者3的debug版本，以便项目调试，在项目发布时，才使用正式版本，如上图openlayers3应用中，引用的是ol-debug.js文件。