将Severall Marker添加到Google Map

时间:2011-01-03 19:10:05

标签: java google-maps gwt marker

有人知道如何在单个谷歌地图上添加多个标记,我正在谷歌搜索但是使用JavaScript,我正在使用GWT

4 个答案:

答案 0 :(得分:1)

此链接如何http://code.google.com/p/gwt-google-apis/wiki/MapsGettingStarted

在页面中间有一个例子:

// Add a marker
map.addOverlay(new Marker(cawkerCity));

答案 1 :(得分:0)

编辑:抱歉,只是看到了javascript部分。请发布一些代码和你正在使用的API,以便我们更清楚地检查这个问题

假设您使用的是javascript api v3,您应该检查documentation是否有添加标记。希望这有帮助

答案 2 :(得分:0)

在创建地图的代码(在名为'map'的变量中)之后简单粘贴:

var myLatlng = new google.maps.LatLng(-15.363882,121.044922);
var marker = new google.maps.Marker({
  position: myLatlng, 
  map: map, 
  title: "Marker text"
}); 

答案 3 :(得分:0)

这里有两个完全符合你需要的功能(addMarker,loadTestData)。加载maps api时,在“onModuleLoad”内部调用它们。此外,您可能希望将“MarkerOptions”用于工具提示和图标。下面的代码可以,但您不必这样做。

final MapWidget map = new MapWidget();

public void onModuleLoad(){
    Maps.loadMapsApi("put your key here", "2", false, new Runnable() {
        public void run() {
           loadTestData();
           final DockLayoutPanel dock = new DockLayoutPanel(Unit.PX);
           dock.addNorth(map, 500);

           // Add the map to the HTML host page
           RootLayoutPanel.get().add(dock);
        }
    });
}

private void addMarker(String name, double lat, double lon){
   LatLng latlong = LatLng.newInstance(lat, lon);
   MarkerOptions markerOptions = MarkerOptions.newInstance();
   markerOptions.setIcon(Icon.newInstance("/img/ship.png"));
   markerOptions.setTitle(name);  
   Marker marker = new Marker(latlong, markerOptions);
   map.addOverlay(marker);
}

private void loadTestData() {
   addMarker("SHIP1", 20.303417, -108.632812);
   addMarker("SHIP2", 24.527134, -116.191406);
}