Leaflet 从传单js中的Geoserver加载数据_Leaflet_Geoserver

Leaflet 从传单js中的Geoserver加载数据

leaflet

Leaflet 从传单js中的Geoserver加载数据,leaflet,geoserver,Leaflet,Geoserver,我正试图使用传单将数据从Geoserver加载到我的网站中，但我得到一个错误“Uncaught SyntaxError:Unexpected token:”和我的Url链接到我的GeoJSON链接我对代理和CORS感到困惑，但我希望这可能是答案，但我希望有一个更简单的解决方案。如果有人能帮我解决这个问题，我将非常感激这就是我试图运行的代码 <!DOCTYPE html> <html> <head> <title>Quick Start

我正试图使用传单将数据从Geoserver加载到我的网站中，但我得到一个错误“Uncaught SyntaxError:Unexpected token:”和我的Url链接到我的GeoJSON链接

我对代理和CORS感到困惑，但我希望这可能是答案，但我希望有一个更简单的解决方案。如果有人能帮我解决这个问题，我将非常感激

这就是我试图运行的代码

<!DOCTYPE html>
<html>
<head>

    <title>Quick Start - Leaflet</title>

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="css/leaflet.css" />
    <link rel="markers" type="images/marker-icon" href="images/marker-icon.png" />

    <script src="js/leaflet.js"></script>
    <script src="js/esri-leaflet.js"></script>
    <script src='https://code.jquery.com/jquery-1.11.0.min.js'></script>
    <script src='https://code.jquery.com/jquery-1.5.min.js'></script>

 </head>
 <body>

   <div id="map" style="width: 600px; height: 400px;"></div>

  <script>

    var mymap = L.map('map', {
            zoomControl:true, maxZoom:28, minZoom:1
        }).fitBounds([[51.0269253989,-1.34762355597],[51.1990603009,-0.951310026203]]);

    L.esri.basemapLayer('Imagery').addTo(mymap);

    //loads the geojson layer
    var geojsonLayer = new L.GeoJSON();

    function loadGeoJson(data) { 
        geojson.addGeoJSON(data); 
    } 
        var geoJsonUrl = "http://localhost:8080/geoserver/RSAC/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=RSAC:results_clipped_with_growth_small&maxFeatures=50&outputFormat=application%2Fjson";

        $.ajax({ 
            type: "GET",
            url: geoJsonUrl + '&callback=?', 
            dataType: 'json',
            jsonpCallback: 'loadGeoJson',
            success: loadGeoJson,   
    });

  </script>

</body>
</html>


快速入门-单张
var mymap=L.map（'map'{
zoomControl:真，maxZoom:28，minZoom:1
}).fitBounds（[51.0269253989，-1.34762355597]，[51.1990603009，-0.951310026203]）；
L.esri.basemapLayer（“图像”）.addTo（mymap）；
//加载geojson层
var geojsonLayer=new L.GeoJSON（）；
函数loadGeoJson（数据）{
geojson.addGeoJSON（数据）；
} 
变量geoJsonUrl=”http://localhost:8080/geoserver/RSAC/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=RSAC:results_clipped_with_growth_small&maxFeatures=50&outputFormat=application%2Fjson";
$.ajax（{
键入：“获取”，
url:geoJsonUrl+'&回调=？'，
数据类型：“json”，
jsonpCallback:'loadGeoJson'，
成功：loadGeoJson，
});

这里有一个问题：

<script src='https://code.jquery.com/jquery-1.11.0.min.js'></script>
<script src='https://code.jquery.com/jquery-1.5.min.js'></script>

我用一个随机的公共Geoserver实例对此进行了测试，但CORS没有问题，但您的里程数可能会有所不同

URL在浏览器中有效吗？是的，URL在浏览器中有效。

$.ajax({ 
    type: "GET",
    url: geoJsonUrl, 
    dataType: 'json',
    success: loadGeoJson,
    jsonp: false 
});