I am creating a web map application for a website. I am using GeoServer 2.6.2 and OpenLayers 3.2. I have not problems with WMS layers, but I am not be able to visualize vector layers. This is the javascript code that I have added (I followed this OpenLayers example and this other example):
var vector2Source = new ol.source.ServerVector({ format: new ol.format.GeoJSON(), loader: function(extent, resolution, projection) { var url = 'http://localhost/geoserver/Workspace/wfs?service=WFS&' + 'version=1.1.0&request=GetFeature&typename=Workspace
olygon&' + 'outputFormat=json' + '&srsname=EPSG:6823&bbox=' + extent.join(',') + ',EPSG:3857'; $.ajax(url).then(function(response){ vector2Source.addFeatures(vector2Source.readFeatures(response)); }); }, strategy: ol.loadingstrategy.createTile(new ol.tilegrid.XYZ({ maxZoom:19 })) //projection: "EPSG:6823" }); var vector2 = new ol.layer.Vector({ source: vector2Source, style: new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'rgba(0, 0, 255, 1.0)', width: 2 }) }) }); The browser (google chrome) shows me the following error:
XMLHttpRequest cannot load http://localhost/geoserver/Workspac...920914.775189597,1536078.5204189012,EPSG:3857. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. Could someone help me? Thank you very much in advance.
أكثر...
var vector2Source = new ol.source.ServerVector({ format: new ol.format.GeoJSON(), loader: function(extent, resolution, projection) { var url = 'http://localhost/geoserver/Workspace/wfs?service=WFS&' + 'version=1.1.0&request=GetFeature&typename=Workspace
olygon&' + 'outputFormat=json' + '&srsname=EPSG:6823&bbox=' + extent.join(',') + ',EPSG:3857'; $.ajax(url).then(function(response){ vector2Source.addFeatures(vector2Source.readFeatures(response)); }); }, strategy: ol.loadingstrategy.createTile(new ol.tilegrid.XYZ({ maxZoom:19 })) //projection: "EPSG:6823" }); var vector2 = new ol.layer.Vector({ source: vector2Source, style: new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'rgba(0, 0, 255, 1.0)', width: 2 }) }) }); The browser (google chrome) shows me the following error:XMLHttpRequest cannot load http://localhost/geoserver/Workspac...920914.775189597,1536078.5204189012,EPSG:3857. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. Could someone help me? Thank you very much in advance.
أكثر...