首页 / MapLibre / 使用示例
悬停弹窗
指针移到网点上，弹窗跟着指针走，移出图层立即消失。
源码与运行效果
说明
悬停弹窗关掉 closeButton 与 closeOnClick，避免和点击操作抢事件。一个 Popup 实例反复 setLngLat 与 setHTML 复用，不要每次新建。
移出图层时调用 remove()。弹窗内容里拼 HTML 要转义用户数据，示例数据是写死的所以直接拼。
| 配置 | 取值 | 说明 |
|---|---|---|
closeButton | false | 不显示关闭按钮 |
closeOnClick | false | 点击不关闭 |
mousemove 图层事件 | 事件 | 让弹窗跟随指针 |
remove() | mouseleave | 移出即消失 |
弹窗跟随指针时位置一直在变，可能挡住指针导致 mouseleave 抖动。用 offset 拉开距离，或改成固定在要素坐标。