Geoserver Openlayers 加载数据总结

经过一段时间的踩坑，现在总结一下利用Openlayers加载地图数据方法。

一 加载天地图、百度地图数据

openlayers3加载天地图数据
OpenLayers 3加载百度地图

注意其中的‘’确定服务地址‘’部分，在浏览器中F12查看Network，可以清楚地看到每一个地图数据的加载过程和服务器地址，更具这些就可以确定如何使用openlayers加载数据。
天地图数据是一个切片数据，可以使用XYZ切片坐标来定位。其中Z表示切片的层级(zoom)，类似于影像金字塔的层级；X表示切片的行号；Y表示切片的列号。

---

二 加载矢量数据

加载矢量数据目前我知道的方法有WMS、WFS、WMTS三种方法。

1. WMS方法

WMS方法返回的是PNG或者是TIF格式的图片。调用方法如下：

var layer = new ol.layer.Tile({
      source: new ol.source.TileWMS({
          url: 'https://ahocevar.com/geoserver/wms',