首页 / OpenLayers / 使用示例
浮层标记
DOM 元素钉在地图坐标上,视图一动它自己跟着走。
源码与运行效果
说明
ol.Overlay 把一个 DOM 元素钉在地图坐标上,positioning 决定元素哪一边贴住坐标,视图平移缩放时自动跟随。
点击红点弹出信息卡,offset 让卡片浮在点位上方,stopEvent: true 保证卡内点击不会传给地图。位置设为 undefined 即隐藏。
要点
positioning取bottom-center时锚点在卡片底边中点。stopEvent关闭后卡内按钮会误触地图。- 监听
change:position可同步显隐。
卡片内容变化会改变尺寸,锚点仍按 positioning 对齐,无需重算偏移。