Javascript 如何使用传单发布矢量层？
我试图使用传单库在geoserver中以WFS形式发布向量层，我得到的错误如图所示。如何修复此错误，以及是否有其他方法发布带有传单的WFSJavascript 如何使用传单发布矢量层？,javascript,leaflet,geoserver,Javascript,Leaflet,Geoserver,我试图使用传单库在geoserver中以WFS形式发布向量层，我得到的错误如图所示。如何修复此错误，以及是否有其他方法发布带有传单的WFS <!DOCTYPE html> <html> <meta charset="utf-8" /> <head> <script src=" https://unpkg.com/leaflet@1.2.0/dist/leaflet.js "&g
<!DOCTYPE html>
<html>
<meta charset="utf-8" />
<head>
<script src=" https://unpkg.com/leaflet@1.2.0/dist/leaflet.js "></script>
<link rel="stylesheet" href=" https://unpkg.com/leaflet@1.2.0/dist/leaflet.css" />
<script src="https://code.jquery.com/jquery-3.2.1.js" ></script>
<style>
#map {
width: 100%;
height: 600px;
box-shadow: 5px 5px 5px #888;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map = L.map('map').setView([0, 0], 2);
var owsrootUrl = 'http://localhost:8080/geoserver/ows?';
var defaultParameters = {
service: 'WFS',
version: '1.1.0',
request: 'GetFeature',
typeName: 'webalani:il',
outputFormat: 'application/json',
};
var parameters = L.Util.extend(defaultParameters);
var URL = owsrootUrl + L.Util.getParamString(parameters);
$.ajax({
url: URL,
success: function (data) {
var geojson = new L.geoJson(data, {
style: {"color":"#2ECCFA","weight":2},
}
).addTo(map);
}
});
</script>
</body>
</html>
#地图{
宽度：100%；
高度：600px；
盒影：5px 5px 5px#888；
}
var map=L.map（'map'）.setView（[0,0]，2）；
var-owsrootUrl=http://localhost:8080/geoserver/ows?';
var defaultParameters={
服务：'WFS'，
版本：“1.1.0”，
请求：“GetFeature”，
typeName:'webalani:il'，
outputFormat:'应用程序/json'，
};
var参数=L.Util.extend（defaultParameters）；
var URL=owsrootUrl+L.Util.getParamString（参数）；
$.ajax({
url:url，
成功：功能（数据）{
var geojson=新的L.geojson（数据{
样式：{“颜色”：“#2ECCFA”，“重量”：2}，
}
).addTo（地图）；
}
});
您正试图通过双击磁盘上的文件位置直接运行传单文件。这不起作用，因为您使用的AJAX方法需要使用web服务器
确保您正在查看
http://localhost....file://.....http://localhost....file://.....