如何将GoogleMap APIV3集成到SmartGWT中



我正在使用gwt-platform MVP和smartgwt将gwt-maps-3.8.0-pre1.zip集成到aa应用程序中。我有一个主演示器,并在其中嵌套了一个演示者小部件。VLayout用作父级的画布,并使用HTMLPane作为嵌套的googlemap的画布。但是当我使用Firebug监控http数据时,我发现google地图的信息已经返回给浏览器,但我不知道为什么不能正确显示?有人可以帮助我吗?谢谢!

你应该确保你的模块的条目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 检查器,将 DOM 对象的树从<document>向下移动到映射对象的包含<div>。检查是否有任何高度属性为 0px,并使用 CSS 或 GWT 方法最大化这些容器对象。

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

相关内容

  • 没有找到相关文章

最新更新