Exemple “Google Maps API v3 pour GWT” Projet pour Eclipse

Google a publié les cartes officielles de la v3 de l'API pour GWT ici https://groups.google.com/forum/#!topic/gwt-google-api/6SO5kCDqb-k
(Notez que http://code.google.com/p/gwt-google-maps-v3/ est obsolète et n'est pas officiel.)

J'ai téléchargé le fichier zip et il y a des échantillons, mais ils sont tous java. Je ne peux pas comprendre comment hériter dans mon project.gwt.xml ou de quoi écrire dans mon html principal ou de l'endroit où placer la gwt-maps.jar fichier.

Est-il une Éclipse totale de GWT projet "pour le OFFICIELLE de l'API" pour commencer? Ou toute orientation lien qui explique comment commencer à partir de zéro pour mon premier de la classe qui a le OnModuleLoad()?

Grâce

OriginalL'auteur lembas | 2012-09-21

  1. 7

    Voici quelques conseils pour vous aider à obtenir de départ:

    gwt-maps.jar doit être placé dans WEB-INF/lib

    dans votre prject.gwt.xml vous pouvez ajouter dans votre <module> section:

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

    cela va rendre le chargement des maps api lors du chargement de la page.

    Suivants sont des lignes à copier/coller à partir de mon application, de les organiser en fonction de vos besoins:

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

    Cela va créer un widget avec une carte à l'intérieur.

    merci!!!! Juste une petite correction pour les autres: RootLayoutPanel.get().ajouter(widg) ;
    vous avez raison! --modifié--
    Corrigez-moi si je me trompe, mais je pense que dans Google Maps v3, vous ne pouvez pas ajouter <script src="http://maps.google.com/maps/api/js?sensor=false" /> dans le .gwt.xml fichier. Il n'accepte plus les script balise dans le fichier. L'alternative est de charger dynamiquement le script plus tard

    OriginalL'auteur Overnuts

  2. 1

    Exemple ci-dessus est vraiment utile. Je suis l'envoi de mon propre morceau de code, de sorte qu'il peut aussi aider les autres à développer de Google Map V3 avec GWT 2.4

    Pots Exiger de Google Map V3 est gwt-maps.jar (Version 3.8.0). Pour Maven build ci-dessous est la dépendance:

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

    Dans votre entryPoint.gwt.xml écrivez ci-dessous:

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

    Déclarations d'importation sont:

    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;

    Dans GWT code prendre un bouton et d'écrire le code de chargement de la carte à boutons Événement onClick.

    //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);
    }  
});
    J'ai essayé ceci, mais il semble que la version de google-api sur maven est très ancienne (voir mvnrepository.com/artifact/com.google.gwt.google-apis) comment avez-vous obtenir la version 3.8.0 de maven central
    Même les résultats ici. Impossible d'obtenir 3.8.0 de référentiel.
    J'ai trouvé quelqu'un qui a migré sur maven. J'ai mis à jour la réponse.

    OriginalL'auteur Subhabrata Das