如何使用 Leaflet 發布矢量圖層？

Question

我正在嘗試使用 Leaflet 庫在地理服務器中將我的矢量圖層發布為 WFS，我得到了如圖所示的錯誤。 如何修復此錯誤，還有其他方法可以使用 leaflet 發布 WFS？

<!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>

Answer 1

您正在嘗試通過雙擊磁盤上的文件位置直接運行 leaflet 文件。 這將不起作用，因為您使用的 AJAX 方法需要使用 web 服務器來代替。

確保您在瀏覽器欄中查看http://localhost....而不是file://..... ，一切都會好起來的。

如何使用 Leaflet 發布矢量圖層？

問題描述

1 個解決方案

解決方案1
0 已采納 2020-07-30 12:41:32

如何使用 Leaflet 發布矢量圖層？

問題描述

1 個解決方案

解決方案1 0 已采納 2020-07-30 12:41:32

解決方案1
0 已采納 2020-07-30 12:41:32