2

GoogleはここでGWTの公式マップv3APIをリリースしましたhttps://groups.google.com/forum/#!topic/gwt-google-apis/6SO5kCDqb-k（http://code.google.com/p/gwtに 注意してください） -google-maps-v3 /は非推奨であり、公式ではありません。）

zipファイルをダウンロードしました。サンプルが含まれていますが、すべてJavaです。project.gwt.xmlでそれを継承する方法、メインのhtmlに何を書き込むか、gwt-maps.jarファイルをどこに置くかがわかりません。

「OFFICIALAPI用」の完全なEclipseGWTプロジェクトはありますか？または、ゼロから開始してOnModuleLoad（）を持つ最初のクラスに到達する方法を説明するガイダンスリンクはありますか？

ありがとう

4

2 に答える 2

7

始めるのに役立ついくつかのヒントを次に示します。

gwt-maps.jarWEB-INF/libに配置する必要があります

あなたのセクションprject.gwt.xml に追加するかもしれません：<module>

<inherits name="com.google.maps.gwt.GoogleMaps" />
<script src="http://maps.google.com/maps/api/js?sensor=false" />

これにより、ページの読み込み時に地図の読み込みAPIが作成されます。

以下は私のアプリからのコピー/貼り付け行です。ニーズに合わせて配置してください。

        MapOptions options  = MapOptions.create() ;

    options.setCenter(LatLng.create( latCenter, lngCenter ));   
    options.setZoom( 6 ) ;
    options.setMapTypeId( MapTypeId.ROADMAP );
    options.setDraggable(true);
    options.setMapTypeControl(true);
    options.setScaleControl(true) ;
    options.setScrollwheel(true) ;

    SimplePanel widg = new SimplePanel() ;

    widg.setSize("100%","100%");

    GoogleMap theMap = GoogleMap.create( widg.getElement(), options ) ;

    RootLayoutPanel.get().add( widg ) ;

これにより、内部にマップを含むウィジェットが作成されます。

于 2012-09-21T10:15:31.957 に答える
1

上記の例は本当に役に立ちます。他の人がGWT2.4を使用してGoogleMapV3を開発するのにも役立つように、自分のコードを送信しています。

Google MapV3に必要なJarはgwt-maps.jar（バージョン3.8.0）です。以下のMavenビルドの依存関係は次のとおりです。

<dependency>
  <groupId>com.google.gwt.google-apis</groupId>
  <artifactId>gwt-maps</artifactId>
  <version>3.8.0</version>
</dependency>

entryPoint.gwt.xmlに以下を書き留めます。

<inherits name="com.google.maps.gwt.GoogleMaps" />
<script src="http://maps.google.com/maps/api/js?sensor=false" />

インポートステートメントは次のとおりです。

import com.google.maps.gwt.client.MapOptions;
import com.google.maps.gwt.client.LatLng;
import com.google.maps.gwt.client.MapTypeId;
import com.google.maps.gwt.client.GoogleMap;

GWTコードでは、ボタンを取得し、マップ読み込みコードをボタンonClickEventに書き留めます。

// This is the layout which will hold the button
final HLayout actionbuttonsLayout = new HLayout(10);
final IButton showMap = new IButton("Locate your Store");
actionbuttonsLayout.addMember(showMap);

//--- This is the layout which will hold the Map 
final HLayout mapLayout = new HLayout(50);  
final SimplePanel widg = new SimplePanel() ;
widg.setSize("700px", "200px");     
layout.addMember(mapLayout);
mapLayout.setVisible(false);

// This is the Click Handler where the map rendering process has been written
showMap.addClickHandler(new ClickHandler() {  

    public void onClick(ClickEvent event) {

        MapOptions options  = MapOptions.create();

        options.setCenter(LatLng.create(39.509, -98.434)); 
        options.setZoom(6);
        options.setMapTypeId(MapTypeId.ROADMAP);
        options.setDraggable(true);
        options.setMapTypeControl(true);
        options.setScaleControl(true);
        options.setScrollwheel(true);

        GoogleMap theMap = GoogleMap.create(widg.getElement(), options) ;
        mapLayout.addMember(widg);
        mapLayout.setVisible(true);
    }  
});
于 2013-02-05T09:22:04.253 に答える