当前位置：文江博客话题详情

添加多个标记到 Google 地图

发布于 2024-10-10 19:01:38 字数 61 浏览 11 评论 0原文

有人知道如何在单个谷歌地图上添加多个标记吗？我正在谷歌搜索这个，但进入JavaScript，我正在使用GWT

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

呆 2024-10-17 19:01:38

这个链接怎么样 http://code.google.com/p/gwt -google-apis/wiki/MapsGettingStarted

页面中间有一个示例：

// 添加标记 map.addOverlay(新标记(cawkerCity));

How about this link http://code.google.com/p/gwt-google-apis/wiki/MapsGettingStarted

In the middle of the page there is an example:

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

回复收藏 0 原文

可爱暴击 2024-10-17 19:01:38

编辑：抱歉刚刚看到了 javascript 部分。请发布一些代码以及您正在使用的 api，以便我们可以更清楚地检查这个问题

假设您使用的是 javascript api v3，您应该检查用于添加标记的文档。希望这有帮助

回复收藏 0 原文

逆光下的微笑 2024-10-17 19:01:38

只需将其粘贴到创建地图的代码之后（在名为“map”的变量中）：

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

simple paste this after code which creates your map (in variable named 'map'):

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

回复收藏 0 原文

探春 2024-10-17 19:01:38

这里有两个函数可以完全满足您的需要（addMarker、loadTestData）。当您加载地图 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);
}

Here's two functions that do exactly what you need (addMarker, loadTestData). Call them inside of "onModuleLoad" when you load the maps api. Also, you may want to make use of "MarkerOptions" for tooltips and icons. The code below does, but you don't have to.

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

回复收藏 0 原文

~没有更多了~