我似乎无法解决如何显示 WFS 地图的问题。
我目前正在显示 WMS 图层,如下所示:
let wmsLayer = new ol.source.TileWMS({
url: mapService.url,
params: {
LAYERS: mapService.layers,
TILED: true,
FORMAT: mapService.format
},
serverType: 'geoserver'
});
this.featureLayer = wmsLayer;
return new ol.layer.Tile({
source: wmsLayer
});
发挥魅力...
当我尝试改为显示 WFS 时 - 什么都没有显示:
let vectorLayer = new ol.source.Vector({
format: new ol.format.GML(),
url: function(extent) {
return 'https://geodienste.hamburg.de/HH_WFS_Statistik_Stadtteile_Wahlergebnisse' +
'?version=1.1.0&request=GetFeature&typename=Statistik_Stadtteile_Wahlergebnisse:Buergerschaftswahl_15.02.2015_-_Wahlbeteiligung_in_Prozent';
},
strategy: ol.loadingstrategy.bbox
});
this.featureLayer = vectorLayer;
return new ol.layer.Vector({
source: vectorLayer,
style: new ol.style.Style({
stroke: new ol.style.Stroke({
color: 'rgba(0, 0, 255, 1.0)',
width: 2
})
})
});
加载例程有点不同,因为 WMS 加载已经是自动化的,而 WFS 不是。这就是为什么 URL 是硬编码的。谁能告诉我,为什么什么都没有出现?
对 geodienste.hamburg.de ... 的请求正在返回 1.8 mb 的 GML 数据 - 即使在 broser 请求中也可见。
我尽量坚持使用 OL 示例,背景图也显示在上面的两个示例中。