首页 / OpenLayers / 使用示例
UTFGrid 属性查询
悬停地图时,指针所在网格返回区域名称与说明,属性存放在 UTFGrid 的网格数据里。
源码与运行效果
说明
UTFGrid 在瓦片里存一张字符网格,每个字符索引一份属性对象。这里用页面内生成的网格 JSON 代替远程 UTFGrid 服务:按瓦片范围把网格切成 32×32 个单元,单元中心落在哪个矩形区域就写入对应索引,再用 UTFGrid 瓦片的 getData() 查询,这条路径与 forDataAtCoordinateAndResolution() 内部的取数逻辑一致。瓦片地址由 tileUrlFunction_ 指向 data: URL。
| 操作 | 结果 |
|---|---|
| 悬停在地图色块上 | 气泡显示网格返回的区域名称与说明 |
| 悬停在空白处 | 气泡隐藏,指针恢复默认形状 |
| 缩放后再悬停 | 按新的分辨率选取对应层级的网格瓦片 |
UTFGrid 适合“只要属性不要图形”的场景,例如国界、气象分区;网格分辨率越低,查询越快但边界越粗。