5

在我的项目中，我有一个包含纬度和经度列表的数据库，对应于几个地址，我想从这个数据库中获取它们并将它们传递给一个 JavaScript 代码，该代码将使用标记在地图中显示所有这些地址。到目前为止，我从数据库中获得了所有列表。通过使用它的纬度和经度，我能够在地图中可视化一个也是唯一一个地址。所以我现在正在努力解决多个地址的问题。这是我到目前为止提出的代码：

      function initialize() {
          var myLatlng = new google.maps.LatLng(locations[0], locations[1]);
          var myOptions = {
              zoom: 4,
              center: myLatlng,
              mapTypeId: google.maps.MapTypeId.ROADMAP
          }
          map = new google.maps.Map(document.getElementById("map"), myOptions);
          var marker = new google.maps.Marker({
              position: myLatlng,
              map: map,
              title: "Fast marker"
          });
      }

      google.maps.event.addDomListener(window, 'load', initialize);

位置是我的纬度和经度列表，它是这样的： 

locations[0]: latitude 1  
locations[1]: longitude 1  
locations[2]: latitude 2  
locations[3]: longitude 2    etc..

现在我知道应该有某种循环，但我无法做到。

提前致谢！

PS：这是我的第一个问题，所以不要判断我的接受率！:)

4

4 回答 4

2

您只需要编写一个for循环，如下所示：

function initialize() {
  var myOptions = {
    zoom: 4,
    center: new google.maps.LatLng(locations[0], locations[1]),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  map = new google.maps.Map(document.getElementById("map"), myOptions);
  for (var i = 0, ln = locations.length; i < ln; i += 2) {
    var marker = new google.maps.Marker({
      position: new google.maps.LatLng(locations[i], locations[i + 1]);
      map: map,
      title: "Fast marker"
    });
  }
}

google.maps.event.addDomListener(window, 'load', initialize);​
于 2012-12-20T23:25:41.397 回答
1

您可以编写一个简单的for循环来遍历locations. 一次增加两个：

var map = new google.maps.Map(document.getElementById("map"), myOptions);

for (var i=0 ; i < locations.length-1 ; i+=2) {

    var lat = locations[i];
    var lng = locations[i+1];

    var myLatlng = new google.maps.LatLng(lat, lng);
    var myOptions = {
          zoom: 4,
          center: myLatlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var marker = new google.maps.Marker({
          position: myLatlng,
          map: map,
          title: "Fast marker"
    });
}
于 2012-12-20T23:22:53.387 回答
1

我得到了解决方案。如果将来有人需要它，这里是代码：

    function initialize() {
    console.log('hi');
  var myOptions = {
      zoom: 4,
      center: new google.maps.LatLng(locations[0], locations[1]),
      mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  map = new google.maps.Map(document.getElementById("map"), myOptions);
    for (var i = 0, ln = locations.length; i < ln; i += 2) {
      var marker = new google.maps.Marker({
          position: new google.maps.LatLng(locations[i], locations[i + 1]),
          map: map,
          title: "Fast marker"
      });
    }
}

google.maps.event.addDomListener(window, 'load', initialize);
于 2012-12-21T21:29:16.077 回答
0

如果您有一系列位置，如下所示

var locations = [
    [33.890542, 150.274856],
    [36.923036, 152.259052],
    [38.028249, 154.157507]
];

那么您可以使用以下代码

function initialize() {
    var myLatlng = new google.maps.LatLng(locations[0][0], locations[0][1]);
    var myOptions = {
        zoom: 4,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("map"), myOptions);

    for(var i=0;i<locations.length;i++)
    {
        var latlng=new google.maps.LatLng(locations[i][0], locations[i][1]);
        var marker = new google.maps.Marker({
            position: latlng,
            map: map,
            title: "marker : "+(i+1)
        });
    }     
}
google.maps.event.addDomListener(window, 'load', initialize);

工作示例。您可能需要/喜欢其他与谷歌地图相关的答案。

于 2012-12-20T23:53:57.637 回答