首页 / OpenLayers / 使用示例
`r`n 图标符号
用图标标注点位，锚点决定图标的哪一部分对准坐标。
`r`n
源码与运行效果
说明
ol.style.Icon 的 anchor 取值是图标宽高的比例：
[0.5, 0.5] 表示中心对准坐标，[0.5, 1] 表示底部对准坐标。
图钉类图标通常用底部锚点。
示例用 Canvas 画两枚图钉，分别以中心和底部为锚点， 同一坐标上能清楚看到锚点带来的位移差异。
| 操作 | 结果 |
|---|---|
| 对比两枚图标 | 中心锚点的图钉向下偏移半个高度 |
| 缩放地图 | 图标像素尺寸不变，锚点关系保持一致 |
| 点「切换图标」 | 换成圆形图标，锚点逻辑同样适用 |
anchor 用比例而不是像素，换图标尺寸时不用改数值；需要像素级控制时改用 anchorOrigin 配合 size。