如何将GoogleMap APIV3整合到SmartGWT中?

时间:2012-04-21 03:58:04

标签: google-maps-api-3 mvp smartgwt gwt-platform

我正在将gwt-maps-3.8.0-pre1.zip集成到一个使用gwt-platform MVP和smartgwt的应用程序中。 我有一个mainpresenter并嵌入了一个presenterwidget。 VLayout用作父级画布,并使用HTMLPane作为嵌套googlemap的画布。 GoogleMap无法正确显示。但是当我使用firebug监控http数据时,我发现googlemap的信息已经返回到浏览器,但我不知道为什么它无法正确显示?有人可以帮帮我吗?谢谢!

1 个答案:

答案 0 :(得分:2)

您应该确保模块的条目html包含地图的<script>标记:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 

由于您确实看到了googlemaps数据,我猜您的应用正在检索API,问题可能在于嵌套的UI结构。在我正在研究的几个gwt-maps示例以及我正在处理的应用程序中,地图被最大化并且在条目html的主体中给出了自己的<div>

<body style="margin:0px;">
  <div id="map_canvas" style="width:100%; height:100%">Map is loading...</div>
</body>

使用深度嵌套的容器,浏览器将某些内容调整为零的可能性更大。使用Firebug或任何其他DOM Inspector,将DOM对象的树从<document>向下移动到包含<div>的地图对象。检查是否有任何高度属性为0px,并使用CSS或GWT方法最大化这些容器对象。

请报告您的发现;我确信在布局中嵌套地图将是未来的共同目标,我们都将从您学到的东西中受益。