Google地图不适合容器

时间:2013-12-11 00:08:36

标签: google-maps gwt

我遇到了与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

非常感谢任何建议!

0 个答案:

没有答案