如何让 g-leaflet 地图立即显示，而无需调整 window 的大小？

Question

我对 g-leaflet 有疑问 - 它仅显示为灰色矩形（左上角有一点地图），直到我调整 window（手动）。然后它出现了。有时，当我将鼠标悬停在某个区域上时，部分地图会显示出来，但这也是不完整且存在问题的。这里：

我用来将 G-Leaflet 地图添加到我的 GXT VerticalContainer (com.sencha.gxt.widget.core.client.container.VerticalLayoutContainer) 的代码如下，摘自 G-Leaflet 示例：

LeafletDrawResourceInjector.ensureInjected();
final MapWidget mapWidget = new MapWidget();
mapWidget.setSize("1000px", "750px"); // I added this myself to try to fix the issue
myVerticalLayout.add(mapWidget);

（我还设置了"myVerticalLayout"容器的大小）。

请帮忙！

Answer 1

传单真的很挑剔。安排对 invalidateSize() 的延迟调用是不够的。必须使用 setTimeout 自己 JavaScript 调用它的 invalidateSize，还要确保在发生这种情况之前连接了所有容器。只有母鸡才会显示。

如何让 g-leaflet 地图立即显示，而无需调整 window 的大小？

How can I get g-leaflet map to show immediately and without having to resize the window?

gwt

gxt

leaflet