0

gwt-platform MVP と smartgwt を使用するアプリケーションに gwt-maps-3.8.0-pre1.zip を統合しています。メインプレゼンターがあり、プレゼンターウィジェットをネストしました。VLayout は親のキャンバスとして使用され、HTMLPane はネストされた googlemap のキャンバスとして使用されます。GoogleMapが正しく表示されないのですが、firebugを使ってhttpデータを監視していたら、googlemapの情報がブラウザに返ってきているのですが、なぜ正しく表示されないのでしょうか? 誰でも私を助けることができますか？ありがとう！

4

1 に答える 1

2

モジュールのエントリ html に<script>マップのタグが含まれていることを確認する必要があります。

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

googlemaps のデータが表示されたので、API がアプリによって取得されており、ネストされた UI 構造に問題がある可能性が高いと推測されます。私が調べたいくつかの gwt-maps の例と、私が取り組んでいるアプリでは、マップが最大化さ<div>れ、エントリ html の本文に独自のマップが指定されています。

<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 メソッドを使用してそれらのコンテナー オブジェクトを最大化します。

調査結果を報告してください。レイアウト内にマップをネストすることは、将来共通の目標になると確信しており、皆さんが学んだことから私たち全員が恩恵を受けるでしょう。

于 2012-07-09T20:16:41.537 に答える