Beispiel "Google Maps API v3 für GWT-Projekt für Eclipse

Google veröffentlicht offizielle maps v3 API für GWT hier https://groups.google.com/forum/#!Thema/gwt-google-apis/6SO5kCDqb-k
(Beachten Sie, dass http://code.google.com/p/gwt-google-maps-v3/ ist veraltet und ist nicht offiziell.)

Habe ich die zip-Datei heruntergeladen und es gibt Proben, aber Sie sind alle in java. Ich kann nicht herausfinden, wie die Erben es in meinem project.gwt.xml oder was zum schreiben in meinem Haupt-html-oder wo die gwt-maps.jar Datei.

Gibt es eine komplette Eclipse-GWT-Projekt "für die OFFIZIELLE API" zu beginnen? Oder eine Anleitung verlinken, der erklärt, wie bei null anzufangen, um meine erste Klasse, die hat der OnModuleLoad()?

Dank

InformationsquelleAutor lembas | 2012-09-21

  1. 7

    Hier sind ein paar Tipps, die Ihnen helfen starten:

    gwt-maps.jar sollten Sie im WEB-INF/lib

    in Ihrem prject.gwt.xml können Sie in Ihrem <module> Abschnitt:

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

    dadurch wird das laden von maps-api beim laden der Seite.

    Darunter ist die copy/paste-Zeilen aus meiner app, ordnen Sie Sie, um Ihre Bedürfnisse anzupassen:

            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 ) ;

    Diese bauen ein widget mit einer Karte im inneren.

    danke!!! Nur eine kleine Korrektur für die anderen: RootLayoutPanel.get().add(widg) ;
    du hast Recht! --editiert--
    Korrigieren Sie mich, wenn ich falsch bin, aber ich denke, dass in Google Maps v3, Sie können nicht hinzufügen <script src="http://maps.google.com/maps/api/js?sensor=false" /> im .gwt.xml - Datei. Es werden nicht mehr akzeptiert script - tag in der Datei. Die alternative ist das dynamische laden der Skript später

    InformationsquelleAutor Overnuts

  2. 1

    Oben genannte Beispiel ist wirklich hilfreich. Ich schicke mein eigenes Stück code so dass es auch helfen kann, andere zu entwickeln, Google-Map-V3 mit GWT 2.4

    Gläser Benötigen für die Google-Map-V3 ist gwt-maps.jar (Version 3.8.0). Für Maven-build-unten ist die Abhängigkeit:

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

    In Ihrem entryPoint.gwt.xml notieren Sie die unten:

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

    Import-Anweisungen sind:

    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;

    In GWT-code nehmen, eine Schaltfläche und schreiben Sie auf die Karte laden von code in den buttons onClick-Ereignis.

    //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);
    }  
});
    Ich habe dies ausprobiert, aber es scheint die version von google-apis maven ist sehr alt (siehe mvnrepository.com/artifact/com.google.gwt.google-apis) wie kommst du zu der version 3.8.0 von maven central
    Gleiche Resultate gibt es hier. Nicht in der Lage zu bekommen 3.8.0 aus dem maven-repository.
    Ich habe jemanden gefunden, der migriert es auf maven. Ich aktualisierte die Antwort.

    InformationsquelleAutor Subhabrata Das

Schreibe einen Kommentar