mapbox获取图层中要素的属性值

MapboxGLJS 提供了 map.querySourceFeatures() 方法,允许在前端直接查询图层中要素的属性值,无需后台支持。通过设置 filter 参数,可以方便地筛选出满足特定条件的要素。例如,展示某个图层中特定县区的属性信息,只需指定 source id 和过滤条件。这种方法简化了开发流程,减少了后端的工作量。参考官方文档和示例以了解更多详情。
摘要由CSDN通过智能技术生成

Mapbox GL JS提供了强大的查询检索功能,我们可以不需要写后台程序实现对于图层中要素属性值的查询检索功能。

例如:我们希望用一个表格或图表展示某个图层中所有或部分要素的某个属性值,我们可以用mapbox的map.querySourceFeatures()方法搞定。

该方法可以查询出某一图层的所有要素(包括要素的属性值),如果你想筛选部分要素,只需要在参数中设置Filter即可。

使用方法如下:

var relatedFeatures = map.querySourceFeatures('counties', {
sourceLayer: 'original',
filter: ['in', 'COUNTY', feature.properties.COUNTY]
});

其中 counties 为某一个source的id 

'source-layer': 'original'与所要查询的图层相同

filter为选择器,后面是要查询的条件,很多时候,filter选择器用的好可以省掉后台很多工作。

参考:

官方文档https://docs.mapbox.com/mapbox-gl-js/api/map/#map#querysourcefeatures

官方Demo https://docs.mapbox.com/mapbox-gl-js/example/using-box-queryrenderedfeatures/

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值