首页 / OpenLayers / 使用示例
瓦片像元查询
瓦片层的查询要先把坐标换成瓦片坐标,再换成瓦片内像素。
源码与运行效果
说明
tileGrid.getTileCoordExtent(tc) 给出瓦片范围,坐标减去左边界除以瓦片宽度得到像素 x,y 方向要用上边界反着减。
官方示例把这两个值与 GetFeatureInfo 的参数一起发给服务端。这里瓦片由页面生成,点击后直接在本地按同样定位算出属性。
要点
- y 方向以瓦片上边界为起点,最容易写反。
- 缩放级别先取整再算坐标,结果才与当前瓦片一致。
- 缓存瓦片时把 z/x/y 拼进 key,避免重复生成。
给瓦片边界加一层半透明描边,能直观看到点击落在哪一块里。