首页 / MapLibre / 使用示例
点击弹窗
点击告警点打开详情弹窗，点地图空白处关闭。弹窗实例只有一个，内容按要素属性替换。
源码与运行效果
说明
click 事件带回 lngLat，直接用来定位弹窗；要素属性从 e.features[0].properties 取。
同时监听地图 click 判断是否点在图层外，避免点空白处弹窗不消失。
| 配置 | 取值 | 说明 |
|---|---|---|
click 加图层名 | 图层事件 | 只在命中时触发 |
e.lngLat | 事件坐标 | 定位弹窗 |
queryRenderedFeatures | 判断命中 | 决定是否关闭 |
弹窗内容来自数据时要转义 HTML，否则属性里的尖括号会破坏结构，甚至有注入风险。