Leaflet使用wfs的示例

Myth丶恋晨 2024-03-27 12:11 97阅读 0赞

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

发表评论取消回复

表情：

评论列表（有 0 条评论，97人围观）

还没有评论，来说两句吧...

相关阅读

相关 leaflet使用Rectangle显示矩形（示例代码017）

![在这里插入图片描述][804c6d40d4d24c23bc0d621973afeef0.png_pic_center] 第017个 [点击查看专栏目录][Link 1]

约定不等于承诺〃/ 2024年04月07日 15:58/ 0 赞/ 100 阅读

相关 leaflet使用circle画随机颜色圆形（示例代码014）

![在这里插入图片描述][804c6d40d4d24c23bc0d621973afeef0.png_pic_center] 第014个 [点击查看专栏目录][Link 1]

比眉伴天荒/ 2024年04月07日 15:53/ 0 赞/ 92 阅读

相关 leaflet使用circleMarker画圆形（示例代码013）

![在这里插入图片描述][804c6d40d4d24c23bc0d621973afeef0.png_pic_center] 第013个 [点击查看专栏目录][Link 1]

刺骨的言语ヽ痛彻心扉/ 2024年04月07日 15:53/ 0 赞/ 99 阅读

相关 leaflet 示例教程100+ 目录

![在这里插入图片描述][804c6d40d4d24c23bc0d621973afeef0.png_pic_center] 目前已发表134篇文章 vue+lea

雨点打透心脏的1/2处/ 2024年04月07日 14:05/ 0 赞/ 90 阅读

相关 leaflet数据聚合（代码示例036）

![在这里插入图片描述][804c6d40d4d24c23bc0d621973afeef0.png_pic_center] 第036个 [点击查看专栏目录][Link 1]

忘是亡心i/ 2024年04月01日 19:41/ 0 赞/ 115 阅读

相关 leaflet DivIcon使用技巧（示例代码042）

![在这里插入图片描述][804c6d40d4d24c23bc0d621973afeef0.png_pic_center] 第042个 [点击查看专栏目录][Link 1]

女爷i/ 2024年03月31日 10:00/ 0 赞/ 88 阅读

相关 Leaflet使用wfs的示例

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

Myth丶恋晨/ 2024年03月27日 12:11/ 0 赞/ 98 阅读

相关 Leaflet地图基础示例

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

Dear 丶/ 2022年09月04日 05:49/ 0 赞/ 363 阅读

相关 WF入门

简介 WF的全称是Windows Workflow Foundation，它是微软在.NET3.0之后推出的一套工作流开发框架。WF是微软在.NET3.0上推出的三大

本是古典何须时尚/ 2022年08月05日 02:16/ 0 赞/ 231 阅读

相关 WF & WCF

WF & WCF http://archive.cnblogs.com/a/2137028/ WF是什么,许多对NET技术有了解的人能说出一点,但又说不清楚不论你

傷城~/ 2022年06月12日 07:09/ 0 赞/ 231 阅读