L.popup绑定后点不开，因绑定时机错误：必须先addTo地图再bindPopup；动态HTML需监听popupopen事件操作DOM，避免提前查询不存在节点。
直接用 L.marker 加 L.popup 是可行的，但弹窗不显示、点击无反应、内容错乱——这些问题基本都出在绑定时机或 DOM 生命周期上，不是 Leaflet 本身有问题。
为什么 L.popup 绑定后点不开？
常见现象：调用 bindPopup 后地图上能看见标记，但点击没反应；或者控制台报 Cannot read property 'openOn' of undefined。
-
L.popup实例必须在 marker 已添加到地图后才能正确绑定交互逻辑，不能先bindPopup再addTo - 如果 popup 内容含动态 HTML（比如带
id的按钮），又在 popup 打开后再操作该 DOM，得监听popupopen事件，而不是页面加载完就查元素 - 避免重复绑定：
marker.bindPopup(...)多次调用会覆盖前一个 popup，但不会自动销毁旧实例，内存里留着冗余对象
如何让 popup 显示富文本或交互元素？
Leaflet 默认允许 HTML 字符串，但需显式开启 maxWidth 和 minWidth 防止被截断，且内联样式或脚本需手动挂载。
- 传入字符串时用
bindPopup('<strong>位置</strong>: <span id="loc">A1</span>')即可渲染，但#loc元素在 popup 打开前并不存在 DOM 中 - 若要绑定事件（如点击弹窗里的按钮触发 zoom），必须在
marker.on('popupopen', () => { ... })回调里操作，否则查不到节点 - 不建议在 popup 字符串里写
<script>标签——Leaflet 不执行它；要用 JS 行为，一律走事件监听
L.marker 和 L.popup 的性能注意点
批量加几百个带 popup 的 marker 时，页面可能卡顿。关键不在 popup 本身，而在默认行为触发的重绘和事件监听开销。
立即学习“前端免费学习笔记（深入）”；
- 用
marker.options.icon自定义轻量图标（SVG 或 Canvas），别用大 PNG；图标越大，每个 marker 渲染成本越高 - 对非当前视口内的 marker，可延迟初始化 popup：
marker.on('add', () => marker.bindPopup(...))，但更推荐用L.MarkerClusterGroup插件做聚合 - 如果 popup 内容固定且简单（如纯文字），直接传字符串比 new 一个
L.popup({ ... })实例更快；只有需要自定义className、autoPanPadding等才显式构造
真正容易被忽略的是 popup 的关闭逻辑：用户点击外部区域关闭 popup 后，如果你在 popupclose 里试图访问已销毁的内部 DOM 节点，就会报错。判断节点是否还活着，最稳的方式是检查 popup._source 是否存在且未被移除，而不是依赖全局变量或计时器。
