geoserver踩坑,编辑feature不能编辑多个

编辑feature 不支持一次性编辑多个。
搞不明白这里编辑的时候接收的features值明明是个数组,传多个feature 确修改不了,刷新还会出现重复数据,相当于更新两个是成功了,但坐标点是错的,传的值是对的啊,还以为是我的bug,找了半天啊,太坑了!
最后改成循环请求geoserver接口就解决了。
难受😫

        function modify(feature) {
          let editFeature = f.clone();
          if (this.projection == "EPSG:4326") {
            this.applyTransformCoord(editFeature);
          }
          editFeature.setId(f.getId());
          editFeature.setGeometryName("the_geom");
          formatServeJson("update", [editFeature], layer, (res) =>
            resolve(res)
          );
        }

        function formatServeJson(type, features) {
          var WFSTSerializer = new WFS();
          // 插入 修改 删除
          var featObject = WFSTSerializer.writeTransaction(
            type == "insert" ? features : null,
            type == "update" ? features : null,
            type == "delete" ? features : null,
            {
              featureType: layer.featureType, //图层名称
              featurePrefix: layer.featurePrefix, //空间名称
              featureNS: layer.featureNS, // 注意这个值必须为创建工作区时的命名空间URI
              srsName: "EPSG:3857",
              version: "1.1.0",
            }
          );

          // 转换为xml内容发送到服务器端
          var serializer = new XMLSerializer();
          var featString = serializer.serializeToString(featObject);
          var request = new XMLHttpRequest();
          request.open("POST", options.url, false);
          // 指定内容为xml类型
          request.setRequestHeader("Content-Type", "text/xml");
          request.send(featString);
          let res = WFSTSerializer.readTransactionResponse(
            request.responseText
          );
        }

编辑或删除图块有时候会更新不了??求解?真的是概率问题

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对OpenLayers编辑GeoServer数据,你可以按照以下步骤进行操作: 1. 首先,确保你已经安装并配置了GeoServer。你可以从GeoServer的官方网站下载最新版本,并按照它们的文档进行安装和配置。 2. 在前端页面中引入OpenLayers库。你可以在HTML文件中添加类似以下的代码: ``` <script src="https://cdn.jsdelivr.net/npm/ol@6.6.1/dist/ol.js"></script> ``` 3. 创建一个OpenLayers地图实例,并将其绑定到适当的HTML元素上。例如,你可以在HTML文件中添加一个具有唯一ID的div元素: ``` <div id="map"></div> ``` 然后,使用JavaScript代码来创建地图实例: ``` const map = new ol.Map({ target: 'map', layers: [ // 添加地图图层 ], view: new ol.View({ center: [0, 0], zoom: 2 }) }); ``` 4. 添加GeoServer地理数据图层到地图中。你可以使用OpenLayers的`ol.layer.Tile`或`ol.layer.Image`来加载GeoServer发布的地图图层。例如,使用`ol.layer.Tile`加载一个WMS图层: ``` const wmsLayer = new ol.layer.Tile({ source: new ol.source.TileWMS({ url: 'http://localhost:8080/geoserver/your_workspace/wms', params: { 'LAYERS': 'your_layer_name', 'TILED': true }, serverType: 'geoserver' }) }); map.addLayer(wmsLayer); ``` 5. 添加用于编辑的矢量图层。你可以使用OpenLayers的`ol.layer.Vector`和`ol.source.Vector`来加载和编辑矢量数据。例如,使用`ol.layer.Vector`加载一个WFS图层: ``` const wfsLayer = new ol.layer.Vector({ source: new ol.source.Vector({ format: new ol.format.GeoJSON(), url: function(extent) { return 'http://localhost:8080/geoserver/your_workspace/wfs?service=WFS&' + 'version=1.1.0&request=GetFeature&typeName=your_layer_name&' + 'outputFormat=application/json&srsname=EPSG:3857&' + 'bbox=' + extent.join(',') + ',EPSG:3857'; }, strategy: ol.loadingstrategy.bbox }), style: new ol.style.Style({ // 设置矢量图层样式 }) }); map.addLayer(wfsLayer); ``` 6. 添加用于编辑的控件和交互操作。OpenLayers提供了许多控制和交互功能,可用于编辑地理数据。例如,你可以使用`ol.control.Draw`来添加绘制要素的控件: ``` const drawControl = new ol.control.Draw({ source: wfsLayer.getSource(), type: 'Point' // 可以是Point, LineString, Polygon等 }); map.addControl(drawControl); ``` 这只是一种基本的配置方式,你可以根据你的需求进行进一步的探索和定制。记得在编辑矢量数据时,要注意GeoServer的安全设置和权限控制。 希望这些步骤能对你有所帮助!如有任何问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值