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

按输入过滤符号

输入城市名或拼音首字母,圆点与文字同时过滤,计数实时更新。

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

说明

setFilter 用 in 表达式比对名称数组,比逐个改要素属性快。输入为空时传 null 清除过滤。

圆点与文字共用同一个表达式,两层不会出现一半显示一半隐藏。

配置取值说明
setFilter表达式图层级过滤
in 表达式名称命中数组匹配
setFilter(null)清除恢复全部

每次输入都重建数组没问题,但不要在 input 里做网络请求;需要远程检索时加 200ms 防抖。