1

こんにちは、GWT と Google App Engine は初めてです。画像のようにレイアウトしようとしています。ただし、これを達成するための最良の方法はわかりません。

ここに画像の説明を入力

UIBinder、レイアウトパネル(画像でこのアプローチを使用しています)...など、GWTのドキュメントによるといくつかの方法があります。

ただし、私の UI はそれほど複雑ではありません。上部にナビゲーション バーがある div、マップ (Javascript) がある div、Facebook コメント (javascript) がある div、評価などのために書いたいくつかの機能がある div があります。

したがって、ほとんどの場合、この Web ページは多くの 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);

そのhtml文字列にJavascriptを入力して、マップに追加しようとしました。ただし、ビューには表示されませんでした。html はそのテキストの場合にのみ機能するようですが、それは正しいですか?

これをGWTで構築する最良の方法は何ですか?

コード/チュートリアルの例を教えてください。

ありがとう

4

1 に答える 1

0

私はあなたのプロジェクトのようなウェブサイトを作りました(私のプロフィールのリンク)。

gwt でマップ v3 をマッピングするために使用できる jar ファイルがあります。

ここにあります: http://code.google.com/p/gwt-google-apis/downloads/detail?name=gwt-maps-3.8.0-pre1.zip

GAE に注意してください...アプリケーションを「無料」のままにしておく必要があり、他のユーザーが利用できるようにする場合は、割り当てがすぐになくなります :-(

(Googlebot だけでインスタンス時間の 60% を取得しています ...)

とにかく、ほとんど空の html を作成し、パネルを最初から作成します。

于 2012-06-22T17:48:25.913 に答える