使用开源WebGIS成功加载WFS和WMS数据

1.加载WFS数据

WFS主要提供要素服务，类似于常用的矢量地图服务，我们通过WFS可以将发布的矢量要素加载到视图中显示。本示例以OpenLayers为基础，将会加载一个WFS的矢量要素(纽约道路矢量图)到地图容器中显示，如图5-17所示。

图5-17　加载WFS数据

主要步骤如下所示。

(1)新建一个wfsLoad.html页面，并参照地图显示功能的方法加载OSM瓦片数据，将map的视图设置成纽约中心。

(2)加载已经发布到GeoServer上的矢量数据。

核心代码如下:

【说明】加载WFS数据需要提前在GeoServer上发布所要显示的数据，通过format将格式转换成GeoJSON格式，再通过URL设置数据的路径，请求服务器上的数据，最后设置数据显示的样式。(www.xing528.com)

2.加载WMS数据

WMS主要提供地图服务，我们可以通过WMS将发布的地图加载到视图中显示。本示例以OpenLayers为基础，将一个WMS的地图(即美国本土区域图)加载到地图容器中显示，如图5-18所示。其中，加载WMS数据可以用不同的方式，在本示例中介绍了其中一种加载方式。

图5-18　加载WMS数据

主要步骤如下所示。

(1)新建一个wfsLoad.html页面，并参照地图显示功能的方法加载OSM瓦片数据，将map的视图设置成纽约中心。

(2)加载已经发布到GeoServer上的矢量数据。

核心代码如下:

【说明】WMS数据加载代码与WFS加载数据区别不大，加载WMS数据也需要提前在GeoServer上发布所要显示的数据，再通过URL设置数据的路径，最后设置数据显示的样式，同样的都要注意URL的确定。