谷歌地圖API無法從Array設置PolyLine

Question

我嘗試將坐標添加到折線但不起作用但是當我通過手動分配它時它的工作。

如何通過數組來完成它的工作。

var lat=[13.698090113461573,13.72771754374393,13.732881766645967,13.737967711523885];
    var lng=[100.75223565101624,100.74861466884613,100.69132804870605,100.56249350309372];

    // HERE IT DOESN"T WORK
    var poly = new Array();    
    for (var j=0;j<lat.length;j++){
    var pos = new google.maps.LatLng(lat[0],lng[0])
    poly.push(pos);
    }

    // HERE IT'S WORK
    var poly = [
    new google.maps.LatLng(lat[0], lng[0]),
    new google.maps.LatLng(lat[1], lng[1]),
    new google.maps.LatLng(lat[2], lng[2]),
    new google.maps.LatLng(lat[3], lng[3])
  ];

  console.log(poly);

  var Path = new google.maps.Polyline({
    path: poly,
    geodesic: true,
    strokeColor: '#ff004c',
    strokeOpacity: 1.0,
    strokeWeight: 5
  });
  Path.setMap(map);

Answer 1

我認為你應該寫變量j而不是零數字

var poly = new Array();    
for (var j=0; j<lat.length; j++) {
    var pos = new google.maps.LatLng(lat[0],lng[0])
    poly.push(pos);
}

像這樣：

var poly = new Array();    
for (var j = 0; j<lat.length; j++) {
    var pos = new google.maps.LatLng(lat[j],lng[j])
    poly.push(pos);
}

Answer 2

代碼是這樣的

var lat=[13.698090113461573,13.72771754374393,13.732881766645967,13.737967711523885];
    var lng=[100.75223565101624,100.74861466884613,100.69132804870605,100.56249350309372];

    // HERE IT DOESN"T WORK
    var poly = [];
    for (var j=0;j<lat.length;j++){
        var pos = new google.maps.LatLng(lat[j],lng[j])
        poly.push(pos);
    }

    console.log(poly);

    var Path = new google.maps.Polyline({
        path: poly,
        geodesic: true,
        strokeColor: '#ff004c',
        strokeOpacity: 1.0,
        strokeWeight: 5
    });
    Path.setMap(map);