经纬志
首页 / MapLibre / 使用示例

查询指针下的要素

指针移到色块上,侧栏列出该位置命中的所有要素,重叠区域会同时返回多个。

MapLibre GL JS 4.x · 更新 2026-10-28
源码与运行效果
运行效果

说明

queryRenderedFeatures 传 e.point 与 layers 限定,按渲染顺序返回要素,靠前的在上层。

结果里第一个要素用来做高亮,侧栏则列出全部,帮助发现被压住的要素。

配置取值说明
queryRenderedFeatures点查询返回命中要素数组
layers图层白名单缩小查询范围
feature-statehover高亮当前要素

查询开销与图层复杂度相关,mousemove 里不要对几十个图层全量查询,先限定 layers。