javascript - 使用 Google Maps V2、Facebook Comments 等在 GWT(Google App Engine)中构建 HTML View - 布局？

Question

您好，我是 GWT 和 Google App Engine 的新手。我正在尝试布局看起来像图像。但是，我不确定实现此目标的最佳方法是什么。

根据 GWT 文档，有几种方法，例如:UIBinder、Layout Panels(我在图像中使用了这种方法)...等。

不过，我的用户界面并没有那么复杂。我有一个顶部带有导航栏的 div，一个带有 map (Javascript)的 div，一个带有 Facebook 评论(javascript)的 div，以及一个带有我为评级等编写的一些功能的 div。

因此，该网页主要调用了大量 javascript 和第三方内容。

下面是一些实现这个的代码

        String header = "<div><h3>Navigation bar here</h3></div>";
    String east = "<div><h3>Rating System here</h3></div>";
    String south = "<div><h3>Facebook comments here</h3></div>";


    dock.addNorth(new HTML(header), 75);

    dock.addSouth(new HTML(south),50);
    dock.addEast(new HTML(east), 300);
    dock.add(map);

    RootLayoutPanel.get().add(dock);

我尝试在要添加到 map 的 html 字符串中输入一些 Javascript。但是，它没有出现在 View 中。似乎 html 仅在其文本时才有效，这是错误的吗？

在 GWT 中构造它的最佳方法是什么？

有人可以给我一些代码示例/教程吗？

谢谢

Answer 1

我建立了一个像您计划要做的网站(链接在我的个人资料中)。

在 gwt 中有一个 jar 文件可用于映射 maps v3。

在这里:http://code.google.com/p/gwt-google-apis/downloads/detail?name=gwt-maps-3.8.0-pre1.zip

照顾好 GAE ... 如果您的应用程序必须保持“免费”状态，并且您打算将其提供给其他用户，那么您将很快用完配额:-(

(我只使用 googlebots 获得了 60% 的实例时间...)

无论如何，只需制作一个几乎是空的 html，然后从头开始构建您的面板。