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

浮层标记

DOM 元素钉在地图坐标上,视图一动它自己跟着走。

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

说明

ol.Overlay 把一个 DOM 元素钉在地图坐标上,positioning 决定元素哪一边贴住坐标,视图平移缩放时自动跟随。

点击红点弹出信息卡,offset 让卡片浮在点位上方,stopEvent: true 保证卡内点击不会传给地图。位置设为 undefined 即隐藏。

要点

  • positioning 取 bottom-center 时锚点在卡片底边中点。
  • stopEvent 关闭后卡内按钮会误触地图。
  • 监听 change:position 可同步显隐。

卡片内容变化会改变尺寸,锚点仍按 positioning 对齐,无需重算偏移。