leaflet 结合 geoserver 实现地图属性查询(附源码下载)

前言

内容概览

效果图如下：

• 地图属性查询函数

var geoserverUrl = 'http://localhost:8080/geoserver/ZKYGIS';

/*属性查询图层

*@method queryByProperty

*@param propertyValue 属性值

*@param propertyName 属性名称

*@param typeName 图层名称

*@return null

*/

function queryByProperty(propertyValue, propertyName, typeName, callback){

var filter =

'<Filter xmlns="http://www.opengis.net/ogc" xmlns:gml="http://www.opengis.net/gml">';

filter += '<PropertyIsLike wildCard="*" singleChar="#" escapeChar="!">';

filter += '<PropertyName>' + propertyName + '</PropertyName>';

filter += '<Literal>*'+propertyValue+'*</Literal>';

filter += '</PropertyIsLike>';

filter += '</Filter>';

var urlString = geoserverUrl + '/ows';

var param = {

service: 'WFS',

version: '1.0.0',

request: 'GetFeature',

typeName: typeName,

outputFormat: 'application/json',

filter: filter

};

var geojsonUrl = urlString + L.Util.getParamString(param, urlString);

……

完整demo源码见小专栏文章尾部：GIS之家leaflet小专栏

文章尾部提供源代码下载，对本专栏感兴趣的话，可以关注一波