Question

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

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

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

然而，第二个功能是从数组中获取数据（该数组已设置为按照此顺序“按压”纬度和经度数据，因为谷歌地图需要它）并且不显示任何内容跑步时。

有什么想法吗？我很难过！

提前致谢！

以下是代码：

初始“位置”数组：

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

Google地图功能

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

    }
  }

Answer 1

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

    }
  }
}

Answer 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(','));

Google地图 - 创建多个标记

2 个答案: