Ejemplo de folleto usando wfs

Leaflet es una biblioteca de mapas web de código abierto que se puede utilizar para mostrar mapas en sitios web. Puede usar la extensión de la función de folleto "Leaflet.WFS" para usar la función WFS (Web Feature Service) en el mapa de folleto.

El siguiente es un código de muestra para mostrar capas WFS usando Leaflet y Leaflet.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);

En el código anterior, primero L.mapcreamos un mapa de folleto usando la función y luego usamos L.tileLayerla función para cargar la capa de mosaico. Luego use L.wfsla función para cargar la capa WFS y especifique la URL del servicio WFS, el nombre de la capa, la versión, el número máximo de entidades, el sistema de referencia de coordenadas y los campos de geometría. Finalmente, addTose utiliza una función para agregar la capa WFS al mapa.