实施 Leaflet draw 时我做错了什么。如何在此特定示例中使用 WFST?

what have I done wrong when implementing Leaflet draw. How to use WFST in this specific example?

我是地理信息开发领域的新手。我正在按照以下管道架构流程来实现基于 GIS 的应用程序问题。

PostGIS - GeoServer - Leaflet

我已经设置了我的 leaflet 客户端应用程序,它可以将图块组合成地图。我还使用了一些传单插件(如 Draw、zoom),以便用户可以选择在地图上进行标记和绘制。

我能够绘制并获得所绘制多边形的 GeoJSON 特征,如下所示:

在弄清楚我需要如何发送绘制的多边形请求并以编程方式检索多边形(已保存)之后,我陷入了困境。我知道答案是 WFS-T,但我如何在我的原始代码中使用它。这是原始代码示例:

原始代码link:https://pastebin.com/wCAHxVc0Follow the link

参考文献:

  1. https://gis.stackexchange.com/questions/266402/save-leaflet-drawn-features-with-attributes-to-postgis

  2. https://github.com/Flexberry/Leaflet-WFST

了解 WFS-T 的最佳方式是使用 GeoServer 演示选项 (Link: http://localhost:8080/geoserver/web/wicket/bookmarkable/org.geoserver.web.demo.DemoRequestsPage?5)。我的主要问题是弄清楚如何插入和更新交易细节。探索 GeoServer Demo 给了我解决方案。

这是一个示例:

var postdata =  "<wfs:Transaction service="WFS" version="1.0.0"   xmlns:wfs="http://www.opengis.net/wfs"   xmlns:topp="http://www.openplans.org/topp"   xmlns:gml="http://www.opengis.net/gml"   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 http://www.openplans.org/topp http://localhost:8080/geoserver/wfs/DescribeFeatureType?typename=topp:tasmania_roads"> <wfs:Insert>
        <topp:tasmania_roads>
          <topp:the_geom>
            <gml:MultiLineString srsName="http://www.opengis.net/gml/srs/epsg.xml#4326">
              <gml:lineStringMember>
                <gml:LineString>
                  <gml:coordinates decimal="." cs="," ts=" ">
    494475.71056415,5433016.8189323 494982.70115662,5435041.95096618
                  </gml:coordinates>
                </gml:LineString>
              </gml:lineStringMember>
            </gml:MultiLineString>
          </topp:the_geom>
          <topp:TYPE>alley</topp:TYPE>
        </topp:tasmania_roads>   </wfs:Insert> </wfs:Transaction>"

此 XML 请求稍后可用于使用 AJAX 调用发送到 GeoServer 进行操作,如下所示:

 $.ajax({
    type: "POST",
    url: gs.wfs,
    dataType: "xml",
    contentType: "text/xml",
    data: postdata,
    //TODO: Error handling
    success: function(xml) {  
      //TODO: User feedback
      console.log("Successfully inserted");
    }
  });

为了更好地理解 WFS-T 的应用场景,请尝试遵循此 URL:https://georepublic.info/en/blog/2012/leaflet-example-with-wfs-t/。这应该可以帮助您开始使用 WFS-T。快乐的地图编辑:)