针对没有显示到地图上但是有wfs服务的图层数据，可以使用getfeature的方法从gis服务器中获取要素信息，只要服务器提供ogc标准的wfs服务即可，它与wms的区别是wms中getfeatureinfo只是通过点获取要素信息，方法比较单一，而wfs中getfeature可以使用filter进行复杂的空间查询和属性查询，还可以通过bbox过滤空间信息。

/*gis server第二种*/
map.on('click',mapClick);
//点击地图查询
function mapClick(evt)
{
var element = popup.getElement();
$(element).popover('destroy');
var coor=evt.coordinate;
coor=coor.join(',');
//注意这里直接将点坐标提交，与图层做intersrct分析，对于面图层是没关系的。如果是查询，点或者线图形，一定要将coor先设置一个容差，经行buffer之后的图形，再去与图层叠加分析。不设置容差几乎就找不到了
//图层的图形字段是geom，不同图层的图形字段都要自己先看下自己的，有的是the_geom，有的是shape等等，具体分析即可。
var filter='filter=<Filter xmlns="http://www.opengis.net/ogc" xmlns:gml="http://www.opengis.net/gml"><Intersects><PropertyName>the_geom</PropertyName><gml:Point><gml:coordinates>'+coor+'</gml:coordinates></gml:Point></Intersects></Filter>'
$.ajax({
type: "GET",
//url: "http://localhost:8080/geoserver/xcy/wfs?service=WFS&request=GetFeature&version=1.1.0&typename=xcy:polygon&outputFormat=json&CQL_FILTER=EntityHand='7E25'",
//属性查询
//url: "http://localhost:8080/geoserver/xcy/wfs?service=WFS&request=GetFeature&version=1.1.0&typename=xcy:polygon&outputFormat=json&PROPERTYNAME=Layer&FEATUREID=polygon.2",
//空间查询
url: 'http://localhost:8080/geoserver/xcy/wfs?service=WFS&request=GetFeature&version=1.1.0&typename=xcy:polygon&outputFormat=json&'+filter ,
dataType:'json',
success: function(data){
console.log("返回的数据: " + data.features[0].properties.Layer);
var layer=data.features[0].properties.Layer;
var hdms = "图层名：:"+layer;
$(element).popover({
'placement': 'top',
'animation': false,
'html': true,
'content': hdms
});
popup.setPosition(evt.coordinate);
$(element).popover('show');
}
});
}

前两个url是属性查询，使用的url是通过filter进行一个点的空间查询，详细wfs服务可以查看http://docs.opengeospatial.org/is/04-094r1/04-094r1.html#118

空间查询还是比较复杂的，filter中的xml还需详细理解一下。

四、后台方法

最近出了个红芯浏览器，用的谷歌的内核，包装了下外表就说自主研发的，让人啼笑皆非，不过在码农的世界里没有利益，有现成的可以解决问题还是要善于借鉴的，这里可以使用AE或者geotool。

AE是arcgis的，C#阵营可以使用；geotool是开源的，java阵营比较方便。

首先使用正常的web框架，将点击坐标参数传到后台，用geojson或者自定义字符串随意，只要你能解析出来；

后台集成了AE或者geotool之后可以通过里面的空间分析或者属性分析工具，查出要查询的要素；

最后使用json返回，格式你自己定咯；

五、空间数据库方法

这种方法与后台方法类似，县将点击坐标参数传到后台，只不过没有使用的AE或者geotool来进行空间分析，而是直接使用空间数据库中的空间查询sql语句来查询数据，然后提交到后台，后台提交到前台显示。

执行sql如下: select * from t where ST_Intersect(t.geom,ST_GeomfromText('Point(x y)',3857));

六、总结

这几种方法没有绝对的好与坏，只是适合不适合的问题。

前台：矢量数据，必须加载到地图，如果没有加载或者是wms就不可以了。这种方法比较方便，仅学习openlayers就可以，但是换了前端js框架就完戏；

gis server：数据发布为wms或者wfs，不必须加载到地图。可以看作提供地图数据的普通server，只要数据被发布就可以查询到，而且符合ogc标准，许多外部的数据可以为我所用；

后台：提供接口，不必须加载到地图，相当于使用第三方库做了一个gis server。不符合ogc发布标准，但是定制化程度高，不过依赖第三方库，不用gis server发布数据，AE还要收费的；

空间数据库：提供接口，不必须加载到地图，相当于在空间数据库基础上做了gis server。不符合ogc发布标准，定制化程度高，不依赖第三方库，不用gis server发布数据，需要数据库空间拓展，相对于后台方法比较适合处理大量数据，一个点击事件用数据库有点高射炮打蚊子了==

一个点击获取要素搞这么多种方法，有必要搞得这么复杂么？是的，单独从解决问题的角度我们并没有必要这么做，但是从这个过程中锻炼的是一种思想，数据从前台、后台、普通server、gis server、数据库等获取的各种手段，这个不仅在点击事件有这么多种方法，往大里讲整个系统架构也无非是这么几种。

标签：popover,单击,element,获取,popup,openlayers,var,server,hdms
来源： https://www.cnblogs.com/dayspring/p/11572390.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

openlayers中单击获取要素

openlayers中单击获取要素

一、引言

二、前台方法

1、interaction中select方法

2、map中forEachFeatureAtPixel方法

三、gis server方法

1、wms中getfeatureinfo

2、wfs中getfeature

四、后台方法

五、空间数据库方法

六、总结