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

UTFGrid 属性查询

悬停地图时,指针所在网格返回区域名称与说明,属性存放在 UTFGrid 的网格数据里。

OpenLayers 10.3.1 · 更新 2026-10-28
源码与运行效果
运行效果

说明

UTFGrid 在瓦片里存一张字符网格,每个字符索引一份属性对象。这里用页面内生成的网格 JSON 代替远程 UTFGrid 服务:按瓦片范围把网格切成 32×32 个单元,单元中心落在哪个矩形区域就写入对应索引,再用 UTFGrid 瓦片的 getData() 查询,这条路径与 forDataAtCoordinateAndResolution() 内部的取数逻辑一致。瓦片地址由 tileUrlFunction_ 指向 data: URL。

操作结果
悬停在地图色块上气泡显示网格返回的区域名称与说明
悬停在空白处气泡隐藏,指针恢复默认形状
缩放后再悬停按新的分辨率选取对应层级的网格瓦片

UTFGrid 适合“只要属性不要图形”的场景,例如国界、气象分区;网格分辨率越低,查询越快但边界越粗。