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图层添加到地图上。