2012-09-21 56 views
2

谷歌发布官方地图API第3版的GWT范例“GWT谷歌地图API V3”这里https://groups.google.com/forum/#!topic/gwt-google-apis/6SO5kCDqb-k (注意:http://code.google.com/p/gwt-google-maps-v3/已被弃用,是不是官方的。)的Eclipse项目

我已经下载的zip文件,并有是其中的样本,但它们都是java。我无法弄清楚如何在我的project.gwt.xml文件中继承它,或者写入我的主html或将gwt-maps.jar文件放在哪里。

是否有任何完整的Eclipse GWT项目“用于OFFICIAL API”开始?或者任何解释如何从零开始到具有OnModuleLoad()的第一类的指导链接?

感谢

回答

7

这里有一些提示,以帮助您开始:

gwt-maps.jar应该放在WEB-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) ; 

这将建立一个地图内的一个小部件。

+0

谢谢!只是对其他人进行了一些小修改:RootLayoutPanel.get()。add(widg); – lembas

+0

你是对的! --edited-- – Overnuts

+0

如果我错了,请纠正我,但我认为在Google Maps v3中,不能添加'

1

上面的例子真的很有帮助。我发送自己的一段代码,以便它也可以帮助其他人开发带有GWT 2.4的谷歌地图V3.0

Jars对谷歌地图V3的要求是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语句:

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代码需要按钮并将地图加载代码写入到点击事件按钮中。

// 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); 
    } 
}); 
+0

我试过这个,但似乎maven上的google-apis版本很旧(请参阅http://mvnrepository.com/artifact/com.google.gwt.google-apis)你是如何从maven中心获得版本3.8.0的? –

+0

这里的结果相同。无法从Maven存储库获取3.8.0。 – Nereis

+0

我发现有人在maven上迁移它。我更新了回复。 – Nereis