javascript - 使用 api v2 在谷歌地图上添加多个标记

标签 javascript google-maps google-maps-api-2

我有一个包含纬度和经度值的数据库。我一次只能显示一个标记。我想同时显示多个标记。我该怎么做?

最佳答案

这是一个非常基本的例子:

<!DOCTYPE html>
<html> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
  <title>Google Maps Multiple Markers</title> 
  <script src="http://maps.google.com/maps?file=api&amp;v=2&amp"
          type="text/javascript"></script>
</head> 
<body>
  <div id="map" style="width: 500px; height: 400px;"></div>

  <script type="text/javascript">
    var locations = [
      ['Bondi Beach',    -33.890542, 151.274856],
      ['Coogee Beach',   -33.923036, 151.259052],
      ['Cronulla Beach', -34.028249, 151.157507],
      ['Manly Beach',    -33.800128, 151.282085],
      ['Maroubra Beach', -33.950198, 151.259302]
    ];

    var map = new GMap2(document.getElementById('map'));
    var i;

    map.setCenter(new GLatLng(-33.92, 151.25), 10);

    for (i = 0; i < locations.length; i++) {  
      map.addOverlay(
        new GMarker(new GLatLng(locations[i][1], locations[i][2]))
      );
    }
  </script>
</body>
</html>

截图:

Adding Multiple Markers on Google Map using api v2

关于javascript - 使用 api v2 在谷歌地图上添加多个标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3723092/

相关文章:

javascript - 在 PrototypeJS 中将多个元素插入到另一个元素中?

javascript - 获取包含特定后代的所有元素

javascript - 我的 html 页面上的 google maps api 位置错误

android - 剪辑或删除折线谷歌地图 v2 的一部分

javascript - 谷歌地图 API v2 : MarkerManager clearMarkers(); doesn't work

javascript - 调用多个 api url 并同时调用

javascript - 为什么相同的 prop 在父组件中是数组,而如果传递给子组件则不再是数组

javascript - 如何使用 Google Maps API 获取 KML 的中心点

javascript - 将值推送到 javascript 数组返回大量错误

javascript - 谷歌地图 API : how to show driving direction?