Leaflet使用wfs的示例

Leaflet是一个开源的Web地图库，可以用来在网站上显示地图。可以使用Leaflet的功能扩展"Leaflet.WFS"来在Leaflet地图中使用WFS(Web Feature Service)功能。

以下是使用Leaflet和Leaflet.WFS显示WFS图层的示例代码：

// 创建Leaflet地图
var map = L.map('map').setView([51.505, -0.09], 13);

// 加载瓦片图层
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: 'Map data © <a href="https://openstreetmap.org">OpenStreetMap</a> contributors',
    maxZoom: 18
}).addTo(map);

// 加载WFS图层
var wfsLayer = L.wfs("http://example.com/geoserver/wfs", {
    typename: "my_layer",
    version: "1.1.0",
    maxFeatures: 1000,
    crs: L.CRS.EPSG4326,
    geometryField: "geom",
    style: {
        color: "#ff7800",
        weight: 1,
        fillColor: "#ff7800",
        fillOpacity: 0.5
    }
});
wfsLayer.addTo(map);

在上面的代码中，我们首先使用L.map函数创建了一个Leaflet地图，然后使用L.tileLayer函数加载瓦片图层。接着使用L.wfs函数加载WFS图层，并指定WFS服务的URL、图层名称、版本、最大要素数、坐标参考系以及几何字段。最后，使用addTo函数将WFS图层添加到地图上。