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

WMS 图例

右侧图例与地图联动,缩放后重新计算图例请求地址并按当前样式绘制色块。

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

说明

wmsSource.getLegendUrl(resolution) 返回 GetLegendGraphic 的完整地址,SCALE 参数由当前分辨率换算。示例把地址显示在顶部,并用页面内绘制的小图例代替远程图片,色块与合成影像的区县配色一致。视图的 change:resolution 事件触发图例更新。

操作结果
缩放地图图例请求地址中的 SCALE 变化,图例重新绘制
查看顶部地址包含 SERVICE、REQUEST、LAYER 与 FORMAT 参数
查看右侧图例六个色块对应合成影像中的六个区县

图例通常是服务端渲染的图片;样式复杂时优先用服务端图例,前端自绘图例只适合固定的分类配色。