如何将GoogleMap APIV3集成到SmartGWT中?
问题描述:
我将gwt-maps-3.8.0-pre1.zip集成到使用gwt-platform MVP和smartgwt的应用程序中。 我有一个mainpresenter并嵌入了一个presenterwidget。 VLayout用作父级的画布,并使用HTMLPane作为嵌套的googlemap的画布。 谷歌地图无法正确显示。但是当我使用萤火虫来监控http数据时,我发现googlemap的信息已经返回给浏览器,但我不知道为什么它无法正确显示?任何人都可以帮助我?谢谢!如何将GoogleMap APIV3集成到SmartGWT中?
答
你应该确保你的模块的入口HTML包括地图的<script>
标签:
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
既然你没看到的GoogleMaps数据,我猜想是因为您的应用程序,并在获得了API的问题可能位于嵌套的UI结构中。在为数不多的GWT-地图的例子,我已经研究以及在应用我工作,地图最大化,并在进入HTML的身体给自己的<div>
:
<body style="margin:0px;">
<div id="map_canvas" style="width:100%; height:100%">Map is loading...</div>
</body>
随着深嵌套的容器,浏览器将某些东西调整为零的可能性更大。使用Firebug或任何其他DOM检查器,将DOM对象的树从<document>
向下移动到包含<div>
的地图对象。检查是否有任何高度属性为0px,并使用CSS或GWT方法最大化这些容器对象。
请报告您的发现;我确信在布局中嵌套地图将是未来的共同目标,我们都将从您学到的东西中受益。