Question

我正在尝试将我的图层从Geoserver加载为我的OL3应用程序中的WFS图层。

以下是我创建WFS图层的代码：

var vectorSource = new ol.source.Vector({
  format: new ol.format.GeoJSON(),
  url: function(extent, resolution, projection) {
    return 'http://localhost:8080/geoserver/wfs?service=WFS&' +
        'version=1.0.0&request=GetFeature&typename=main:Building_WGS&' +
        'outputFormat=application/json&srsname=EPSG:4326&';
  },
  strategy: ol.loadingstrategy.tile(ol.tilegrid.createXYZ({
  }))
});


var vector1 = new ol.layer.Vector({
  source: vectorSource,
  style: new ol.style.Style({
    stroke: new ol.style.Stroke({
      color: 'rgba(0, 0, 255, 1.0)',
      width: 2
    })
  })
});

要使我的代码完整，这里是我创建地图对象的代码：

var centerpos = [84.2, 28.2];
var newpos = ol.proj.transform(centerpos,'EPSG:4326','EPSG:900913');
var maxExtent = [80.05844110726194,26.34796712822462,88.2015218371264,30.44742963310623];

var map = new ol.Map({
      layers: [baseLayerOSM, vector1],
      target: 'map',
      //controls: [new CustomControl()],
      view: new ol.View({
        extent:ol.proj.transformExtent(maxExtent, 'EPSG:4326', 'EPSG:900913'),
        projection : 'EPSG:900913', // OSM projection
        center : newpos,
        minZoom:7,
        zoom: 7
      })
    });

我可以在地图中看到OSM图层。但我看不到图层Building_WGS。我的工作区主要在geoserver。

复制网址时

'http://localhost:8080/geoserver/wfs?service=WFS&' +
            'version=1.0.0&request=GetFeature&typename=main:Building_WGS&' +
            'outputFormat=application/json&srsname=EPSG:4326&';

我可以看到JSON内容。

有人可以在我的代码中建议我做错了吗？

我甚至试图添加crossOrigin：“匿名”，但这也无济于事。

请帮助

AJ

从geoserver加载为GeoJSON时，WFS图层不显示在OL3中

0 个答案: