使用来自Geoserver的WFS加载到传单时遇到问题。
我的WFS从PostGIS数据库获取数据。
我在控制台中看到此错误。
CORS策略已阻止从源“ null”访问“ http://localhost:8080/geoserver/web_mapping/ows”处的XMLHttpRequest:请求的资源上没有“ access-control-allow-origin”标头。
这是什么意思?
我很确定我的代码正确,但是没有加载?
HTML
ghfgh <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="leaflet.css" />
<script type='text/javascript' src='leaflet.js'></script>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
</head>
<body>
<h1>Transmission Lines USA</h1>
<div id="map" style="width: 1200px; height: 440px; border: 1px solid
#AAA;"></div>
<script src="webapp3.js"></script>
</body>
</html>
var tline = new L.TileLayer.WMS('http://localhost:8080/geoserver/web_mapping/wms',{
layers : 'web_mapping:tline',format: 'image/png',transparent: true
});
var projects = new L.TileLayer.WMS('http://localhost:8080/geoserver/web_mapping/wms',{
layers : 'web_mapping:renewable',transparent: true
});
var geojsonLayer = new L.GeoJSON();
function handleJson(data) {
console.log(data)
geojsonLayer.addData(data);
}
var rootUrl = 'http://localhost:8080/geoserver/web_mapping/ows';
var defaultParameters = {
service: 'WFS',version: '1.0.0',request: 'GetFeature',typeName: 'web_mapping:renewable',maxFeatures: 200,outputFormat: 'application/json',format_options: 'callback: getJson',srsname: 'EPSG:4326'
};
$.ajax({
url: rootUrl,dataType: 'json',jsonpCallback: 'getJson',success: handleJson
});
var aerial = L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}',{
attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors,<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>,Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',maxzoom: 18,id: 'mapbox.satellite',accessToken: 'pk.eyJ1IjoiYWRhZmVyIiwiYSI6ImNrMmpydm00aTBvYXIzbWxhY25vZjg5ZDkifQ.5cEJRE63c6q04TFgiqEmkg'
});
var map = L.map('map',{
center: [39.73,-104.99],zoom: 4,layers: [aerial,tline,geojsonLayer]
});
var overlayMaps = {
"Transmission Lines": tline
};
L.control.layers(overlayMaps).addTo(map);