因此,通过我通过考虑这一点生成的应用程序,我设法创建了一个具有编辑功能的 web 地图。
问题是,与工作示例不同,编辑没有正确保存,因此每次刷新页面时,编辑似乎都会丢失。
奇怪的是,每次我画一条线时,我的数据库中都会创建新的条目,但没有记录几何形状。
将其保存到 WFS 图层的部分为:
var formatWFS = new ol.format.WFS();
var formatGML = new ol.format.GML({
featureNS: 'http://geoserver.org/bftchamber',
featureType: 'bft',
srsName: 'EPSG:27700'
});
var transactWFS = function(p,f) {
switch(p) {
case 'insert':
node = formatWFS.writeTransaction([f],null,null,formatGML);
break;
case 'update':
node = formatWFS.writeTransaction(null,[f],null,formatGML);
break;
case 'delete':
node = formatWFS.writeTransaction(null,null,[f],formatGML);
break;
}
s = new XMLSerializer();
str = s.serializeToString(node);
$.ajax('http://localhost:8080/geoserver/wfs',{
type: 'POST',
dataType: 'xml',
processData: false,
contentType: 'text/xml',
data: str
}).done();
}
小提琴来了 https://jsfiddle.net/Luffydude/ex06jr1e/7/
事实证明,问题在于我的几何列需要称为几何,而 OpenLayers 仅适用于 EPSG:3857。
代码正确