`r`n
经纬志
`r`n
`r`n
首页 / OpenLayers / 使用示例
`r`n

图标尺寸控制

用 width 与 height 选项调整图标输出尺寸,锚点仍按比例对齐。

OpenLayers 10.3.1 · 更新 2026-10-27
`r`n
源码与运行效果
运行效果
`r`n

说明

ol.style.Icon 的 width 与 height 指定绘制尺寸, 不改变源图本身。 这种方式不改变源图,只影响图标在地图上的像素大小。

滑块按比例同时调整宽高,锚点保持 [0.5, 0.5], 因此图标始终以坐标为中心缩放。

操作结果
拖动尺寸滑块图标整体放大缩小,中心不偏移
缩到最小图标细节丢失,仍能看出轮廓
缩放地图图标像素尺寸由滑块决定,与层级无关

只设 width 不设 height 会按比例缩放;两个都设成不同比例时图标会被拉伸变形。

`r`n
`r`n