我从GeoServer创建了WFS GeoJson层,我得到了这个url'data&maxFeatures=50&outputFormat=application%2Fjson‘,从那个代码中得到了OL3示例,在OpenLayer3中尝试了一些代码,但是给出了一些error.please帮助我的.Thanks。
<!DOCTYPE html>
<html>
<head>
<title>WFS</title>
<!-- <link rel="stylesheet" href="https://openlayers.org/en/v4.1.0/css/ol.css" type="text/css">
<!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
<!-- <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
<script src="https://openlayers.org/en/v4.1.0/build/ol.js"></script>-->
<link rel="stylesheet" href="css/ol.css" type="text/css" />
<link rel="stylesheet" href="css/sample.css" type="text/css" />
</head>
<body>
<div id="map" class="map"></div>
<script src="js/ol.js"></script>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
var vectorSource = new ol.source.Vector({
format: new ol.format.GeoJSON(),
url: function(extent) {
return 'http://localhost:8080/geoserver/trail/ows?service=WFS&'+
'version=1.0.0&request=GetFeature&typeName=trail:sbi_branch_data&'+
'maxFeatures=50&outputFormat=application/json&srsname=EPSG:4326&' +
'bbox=' + extent.join(',') + ',EPSG:4326';
},
strategy: ol.loadingstrategy.bbox
});
var vector = 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 raster = new ol.layer.Tile({
// source: new ol.source.BingMaps({
// imagerySet: 'Aerial',
// key: 'Your Bing Maps Key from http://www.bingmapsportal.com/ here'
// })
});
var map = new ol.Map({
layers: [raster, vector],
target: document.getElementById('map'),
view: new ol.View({
center: [20.5937, 78.9629],
maxZoom: 19,
zoom: 12
})
});
</script>
</body>
</html>错误:“-13297.517049905844,22569.517044127,13455.442849905845,EPSG:4326,XMLHttpRequest无法加载http://localhost:8080/geoserver/trail/ows?service=WFS&version=1.0.0&request…644126996。请求的资源上没有”访问-控制-允许-原产地“标头。因此不允许访问http://localhost:8080/geoserver/trail/ows?service=WFS&version=1.0.0&request 'null‘。”
发布于 2017-05-09 09:04:42
我得到了解决方案,首先安装了Apache,然后修改了httpd.config文件。
ProxyRequests Off ProxyPreserveHost On <Proxy /geoserver> Require all granted </Proxy> ProxyPass /geoserver http://localhost:8080/geoserver ProxyPassReverse /geoserver http://localhost:8080/geoserver ProxyPass /geoserver http://localhost:8080/geoserver ProxyPassReverse /geoserver http://localhost:8080/geoserver
此代码位于文件末尾的httpd.config中。然后从httpd.config中启用了这个
LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_ajp_module modules/mod_proxy_ajp.so
LoadModule proxy_http_module modules/mod_proxy_http.so然后我存储在Apache中ht-docs中的所有html文件,然后运行所有的wfs文件。
https://stackoverflow.com/questions/43650246
复制相似问题