SuperMap iClient for Openlayers 实现WFS查询功能

本文主要是介绍SuperMap iClient for Openlayers 实现WFS查询功能，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

SuperMap iClient for classic已经实现对接WFS服务，可以对WFS进行查询并展示出查询的结果，但是官网范例中，目前没有关于Openlayers客户端的示例，在此文章中将简单介绍iClient for Openlayers如何实现WFS查询功能。

前期准备

WFS服务地址，此次使用的地址是SuperMap官方的wfs服务地址:“http://support.supermap.com.cn:8090/iserver/services/data-world/wfs100”；
引用的js文件有include-openlayers.js，jquery.min.js和SuperMap-8.1.1-17226.js；

成果截图

在这里插入图片描述

图中红框内的小圆圈是定位在北京的查询结果，此次的查询范例实现的是根据SMID查询北京所在位置的功能。

主要代码实现过程


function loadWFS(){$.ajax({url:' http://support.supermap.com.cn:8090/iserver/services/data-world/wfs100',type:'POST',contentType: 'text/plain;charset=UTF-8', // 这里必须设置，否则会默认以form表单数据进行发送 traditional: true, data: '<wfs:GetFeature xmlns:wfs="http://www.opengis.net/wfs" service="WFS" version="1.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.opengis.net/wfs http://schemas.opengis.net/wfs/1.0.0/WFS-transaction.xsd">'+'<wfs:Query typeName="World:capital" xmlns:World="http://www.supermap.com/World">'+'<wfs:PropertyName>SMY,SMX,SMUSERID,SMLIBTILEID,SMID,SMGEOMETRYSIZE,COUNTRY,CAP_POP,CAPITAL,the_geom</wfs:PropertyName>'+'<ogc:Filter xmlns:ogc="http://www.opengis.net/ogc">'+'<ogc:PropertyIsEqualTo xmlns:ogc="http://www.opengis.net/ogc">'+'<ogc:PropertyName>SMID</ogc:PropertyName>'+'<ogc:Literal>170</ogc:Literal>'+'</ogc:PropertyIsEqualTo>'+'</ogc:Filter>'+'</wfs:Query>'+'</wfs:GetFeature>',success:loadWFSHandler,error:function (rst) {console.log('request error.')}})function loadWFSHandler(gmlString){var GMLRead= new SuperMap.Format.GML().read(gmlString);//读取GML格式的数据var geoJsonString = new SuperMap.Format.GeoJSON().write(GMLRead,false);//将GML格式的数据写成GeoJSON格式var point=JSON.parse(geoJsonString);//解析GeoJSON格式的数据为JavaScript对象var vectorSource = new ol.source.Vector({features: (new ol.format.GeoJSON()).readFeatures(point)});	//将数据显示在地图上var vectorLayer = new ol.layer.Vector({source: vectorSource});map.addLayer(vectorLayer);}