webGIS实践（geoserver+openlayer+django）3_0_openlayer加载瓦片地图

本章开始地图的前端渲染。

因为geoserver内部嵌的前端是openlayer，所以先讲openlayer的使用。

但openlayer相对来说，还是要难一些，小众一些，所以不想用openlayer的，可以看后面的leaflet专题，脚本库不一样，实现效果一样。

本文主要看openlayer怎么加载地图。

 

一、js库代码下载

前端脚本库可以用网络资源，也可以下载下来，但openlayer官网不是很稳定，所以可以把examples、docs、sources都下载下来。

下载链接：https://openlayers.org/download/

openlayer的examples都是拿NodeJS构建的，想要本地看效果，还要部署环境，打包，有点麻烦。

为了简便，好理解，好学习，我们后续的前端页面，都只有一个HTML文件，引入的js库，只有ol.js和jquery.js，css文件只有ol.css。

 

Jquery下载：https://code.jquery.com/jquery/，版本很多，选一个常用的，点击uncompressed，复制src里的连接，https://code.jquery.com/jquery-1.7.2.js，把内容保存到本地。