首页 / OpenLayers / 使用示例
WMS 图例
右侧图例与地图联动,缩放后重新计算图例请求地址并按当前样式绘制色块。
源码与运行效果
说明
wmsSource.getLegendUrl(resolution) 返回 GetLegendGraphic 的完整地址,SCALE 参数由当前分辨率换算。示例把地址显示在顶部,并用页面内绘制的小图例代替远程图片,色块与合成影像的区县配色一致。视图的 change:resolution 事件触发图例更新。
| 操作 | 结果 |
|---|---|
| 缩放地图 | 图例请求地址中的 SCALE 变化,图例重新绘制 |
| 查看顶部地址 | 包含 SERVICE、REQUEST、LAYER 与 FORMAT 参数 |
| 查看右侧图例 | 六个色块对应合成影像中的六个区县 |
图例通常是服务端渲染的图片;样式复杂时优先用服务端图例,前端自绘图例只适合固定的分类配色。