首页 / OpenLayers / 使用示例
`r`n 图标尺寸控制
用 width 与 height 选项调整图标输出尺寸,锚点仍按比例对齐。
`r`n
源码与运行效果
说明
ol.style.Icon 的 width 与 height 指定绘制尺寸,
不改变源图本身。
这种方式不改变源图,只影响图标在地图上的像素大小。
滑块按比例同时调整宽高,锚点保持 [0.5, 0.5],
因此图标始终以坐标为中心缩放。
| 操作 | 结果 |
|---|---|
| 拖动尺寸滑块 | 图标整体放大缩小,中心不偏移 |
| 缩到最小 | 图标细节丢失,仍能看出轮廓 |
| 缩放地图 | 图标像素尺寸由滑块决定,与层级无关 |
只设 width 不设 height 会按比例缩放;两个都设成不同比例时图标会被拉伸变形。