OpenLayer+Geoserver WMS服务获取要素属性，并转为JSON。

最新推荐文章于 2024-08-13 10:33:56 发布

Cap_XD

最新推荐文章于 2024-08-13 10:33:56 发布

阅读量2.4k

点赞数 1

文章标签： JavaScrip openlayer geoserver 要素属性

本文链接：https://blog.csdn.net/ghostpainter/article/details/97920425

版权

本文介绍了如何使用OpenLayers结合GeoServer的WMS服务获取要素属性，通常属性以HTML或XML格式返回。为了实现更灵活的数据展示，文章展示了如何将这些属性文本解析成JSON对象，便于自定义显示样式。文中提供了地图点击事件处理和`createJson`函数的代码示例。

摘要由CSDN通过智能技术生成

WMS服务下的要素属性的获取，并转换为Json

- 说明
- 通过点击要素获取属性html文本，并解析为json

说明

GeoServer的WMS服务下点击要素可以获得属性，但一般来说是html（xml）格式的，虽然可以获得要素属性，但是格式无法灵活自定义。这里采用将获得的xml文本进行解析，转换为json对象，以便后期自由定义显示风格

通过点击要素获取属性html文本，并解析为json

地图点击部分的代码：

map.on("click", function(e) {
   
      if (e.dragging) return;
      //因为WFS没有加载入Map，所以用Map.getFeaturesAtPiexl的方法不可用<--此方法可以设定容差
      //只能用vectorSource的getFeatures的方法，而getFeaturesAtCoordinate不能设定容差
      //只能用getFeaturesInExtent的方法<----此方法不可行，识别的features乱七八糟
      //用wms的getFeatureInfoUrl方法，获取XML，再解析转换成Json来处理。
      var cord = e.coordinate;
      var pixel = e.pixel;
      //map获取feature，html格式
      //layerGroupTest为ol/layer/Tile类型
      var url = layerGroupTest
        .getSource()
        .getGetFeatureInfoUrl(
          e.coordinate,
          map.getView().getResolution(),
          "EPSG:4326",
          {
    INFO_FORMAT: "text/html", FEATURE_COUNT: 50 }
        );