angular - Angular 5 と OpenLayers 4 で WFS が表示されない

Question

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 データを返します - ブラウザ リクエストでも表示されます。

できるだけ OL の例にこだわるようにしました。上記の両方の例で背景マップも表示されています。