2

尝试使用存储在数组中的信息将多个标记循环到地图上时遇到了一些麻烦。

代码创建地图没问题，但它没有显示我试图循环出的标记......

从下面的代码中可以看出，有两个函数正在创建标记。第一个是简单地使用两个值。此标记显示正常。

然而，第二个功能是从一个数组中获取数据（该数组已设置为按照 Google 地图要求的顺序将纬度和经度数据“挤压”在一起）并且在运行时不显示任何内容。

有任何想法吗？我难住了！

提前致谢！

这是代码：

初始“位置”数组：

var locations = new Array();

for (var i = 0; i < data.length; i++)
        {
        var row = data[i];   

        var longitude = row[0];
        var latitude = row[1];

        locations[i] = latitude + longitude;
        }

callMap(locations, locationFilename, userLatitude, userLongitude);

谷歌地图功能

    function callMap(locations, locationFilename, userLatitude, userLongitude) {

 var mapOptions = {
      zoom:16,
      center: new google.maps.LatLng(userLatitude, userLongitude),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById('mapView'),mapOptions);

    setMarkers(map, locations, locationFilename);
    currentPosition(map, userLatitude, userLongitude);
  }

  function currentPosition(map, userLatitude, userLongitude)
  {

  var userLatLng = new google.maps.LatLng(userLatitude, userLongitude);

    var marker = new google.maps.Marker({
        position: userLatLng,
        map: map
            });

  }

  function setMarkers(map, locations, locationFilename) {

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

    var markerLatLng = new google.maps.LatLng(locations[i]);

            var marker = new google.maps.Marker({
                position: markerLatLng,
                map: map
                    });

    }
  }
4

2 回答 2

4

google.maps.LatLng需要两个数字作为参数。

这是不正确的：

var markerLatLng = new google.maps.LatLng(locations[i]);

这应该有效：

for (var i = 0; i < data.length; i++)
    {
    var row = data[i];   

    var longitude = row[0];
    var latitude = row[1];

    locations[i] = new google.maps.LatLng(latitude,longitude);
    }

然后

function setMarkers(map, locations, locationFilename) {

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

    var markerLatLng = locations[i];

        var marker = new google.maps.Marker({
            position: markerLatLng,
            map: map
        });

    }
  }
}
于 2013-05-19T14:51:42.123 回答
2

您只是将字符串添加在一起，它需要是一个数组：

for (var i = 0; i < data.length; i++) {
    var row = data[i];

    var longitude = row[0];
    var latitude = row[1];

    locations[i] = [latitude, longitude];
}

var markerLatLng = new google.maps.LatLng(locations[i].join(','));
于 2013-05-19T14:50:00.230 回答