使用ngx-leaflet在模态框渲染地图出现白线问题求助

我之前在类似的技术栈（Leaflet 1.3.1 + ngx-leaflet 2.5 + Angular 4.4.5）下遇到过这个问题，社区里也有不少开发者反馈过类似情况，常见的原因主要有这几个：

• 模态框显示时容器尺寸未稳定，Leaflet瓦片计算错位
  很多模态框（比如Bootstrap模态框）带有显示动画，地图初始化时容器的宽高还在变化过程中，Leaflet无法准确计算瓦片的位置和尺寸，最终导致瓦片之间出现缝隙白线。
  验证方法：手动在浏览器控制台执行map.invalidateSize()，如果白线消失，基本可以确定是这个原因。
  解决思路：监听模态框完全显示的事件（比如Bootstrap的shown.bs.modal），在事件回调中调用地图的invalidateSize()方法，确保容器尺寸稳定后再让Leaflet重新计算瓦片布局。

• Leaflet 1.3.x版本的瓦片渲染bug
  Leaflet 1.3.x系列版本存在一些瓦片对齐的已知问题，尤其是当地图容器的宽高不是瓦片标准尺寸（通常是256px）的整数倍时，更容易出现白线。不少开发者升级到Leaflet 1.4.x及以上稳定版本后，这个问题就自动消失了。

• CSS样式冲突影响瓦片渲染
  模态框的某些CSS属性（比如transform、overflow、padding等）可能会干扰Leaflet的瓦片定位逻辑。比如部分模态框用transform: translate()实现居中，这会导致Leaflet的坐标计算出现偏差。
  排查方法：临时移除模态框的动画、transform等属性，看看地图渲染是否恢复正常，逐步定位到冲突的样式。

内容的提问来源于stack exchange，提问作者wvarner