我遇到了与here所述相同的问题。由于引用问题中的建议并未解决我的问题,我希望有人能够提供额外的见解,这可能会帮助我解决问题。
我使用gwt 2.5.1和gwt-maps 3.8.0。如参考中的图像所示,我的地图部分显示在左上角,仅在我手动重新调整浏览器大小时填充面板。 FF和IE9都存在这个问题。
Here是部分屏幕截图。地图控件放置在正确的位置附近。它只是未显示的地图图块。
我尝试使用Scheduler.scheduleDeferred来推迟创建地图但没有成功。我还使用scheduleDeferred调整地图大小,如下所示,但没有成功
private final native void resizeMap(GoogleMap map) /*-{
$wnd.google.maps.event.trigger(map, 'resize');
map.setZoom( map.getZoom() );
}-*/;
我的html正文包含一个div(id" map-container"),我将其传递给GoogleMap.create()。
元素mapDiv = DOM.getElementById(" map-container"); VerticalPanel mapPanel.add(RootPanel.get(" map-container")); ... GoogleMap.create(mapDiv,mapOptions);
层次结构如下:
DockLayoutPanel(添加到RootLayoutPanel)
DockLayoutPanel
SimplePanel
Caption Panel
DockLayoutPanel
DeckPanel
VerticalPanel (mapPanel)
mapDiv
GoogleMap
非常感谢任何建议!