leaflet加载GeoServer的WFS服务

要在 Leaflet 中加载 GeoServer 的 WFS 服务，需要执行以下步骤：

1. 安装并引入 Leaflet 和 Leaflet.WFST 插件。可以通过 CDN 或下载插件文件进行安装。

2. 创建一个 Leaflet 地图，并将其添加到页面上。

var map = L.map('map').setView([51.505, -0.09], 13);

3. 创建一个 WFS 服务的 URL。例如：

var url = 'https://demo.geo-solutions.it/geoserver/wfs?service=WFS&version=2.0.0&request=GetFeature&typeName=topp:states&outputFormat=json';

4. 创建一个 WFST 图层，并将其添加到地图上。例如：

var wfstLayer = L.geoJson(null, {
    onEachFeature: function(feature, layer) {
        layer.bindPopup('State: ' + feature.properties.STATE_NAME);
    }
}).addTo(map);

var wfst = new L.WFST({
    url: url,
    typeNS: 'topp',
    typeName: 'states',
    crs: L.CRS.EPSG4326,
    geometryField: 'the_geom'
});

wfst.load().then(function() {
    wfstLayer.addLayer(wfst);
});

5. 运行页面，即可在 Leaflet 地图上加载 GeoServer 的 WFS 服务。

上述示例中，我们使用了 GeoServer 的 demo 示例数据。请替换为你自己的 GeoServer WFS 服务 URL 和图层名称。