用折线连接多个标记答案

【问题标题】：Connect Multiple markers with polyline用折线连接多个标记
【发布时间】：2017-04-08 08:16:15
【问题描述】：

我尝试了这段代码，但折线没有运气，可能是因为小问题，我无法获得连接标记的折线。
我需要用折线连接多个标记，也欢迎使用任何替代代码。

var locations = [];
// call php array
var latitude = <?php echo json_encode($latitude); ?>;
var longitude = <?php echo json_encode($longitude); ?>;
for(var i=0;i<20;i++){
 locations.push(["current",latitude[i], longitude[i]]);
}

var marker;
          function initMap() {
           var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 5,
          center: new google.maps.LatLng(12.289774217827633, 76.30976921188685)
          });

var flightPath = new google.maps.Polyline({
                                            path: locations,
                                            geodesic: true,
                                            strokeColor: '#000000',
                                            strokeOpacity: 1.0,
                                            strokeWeight: 3
  });


flightPath.setMap(map);
 var infowindow = new google.maps.InfoWindow();
 var marker, i;

    for (i = 0; i < locations.length; i++) {  
      marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
        map: map
      });

      google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
          infowindow.setContent(locations[i][0]);
          infowindow.open(map, marker);
        }
      })(marker, i));
    }
}

【问题讨论】：

标签： javascript php google-maps

【解决方案1】：

flightPath 应该被称为数组。

请试试这个更新的代码。

var locations = [

   ];

// call php array
 var latitude = <?php echo json_encode($latitude); ?>;
 var longitude = <?php echo json_encode($longitude); ?>;
for(var i=0;i<20;i++){
 locations.push(["current",latitude[i], longitude[i]]);
}
var marker;
     function initMap() {
       var map = new google.maps.Map(document.getElementById('map'), {
         zoom: 5,
         center: new google.maps.LatLng(12.289774217827633, 76.30976921188685)
       });


// locations.push(["current",test2, test3]);
 var infowindow = new google.maps.InfoWindow();

 var marker, i;
var flightPlanCoordinates = [];

   for (i = 0; i < locations.length; i++) {  
     marker = new google.maps.Marker({
       position: new google.maps.LatLng(locations[i][1], locations[i][2]),
       map: map
     });
flightPlanCoordinates.push(marker.getPosition());
     google.maps.event.addListener(marker, 'click', (function(marker, i) {
       return function() {
         infowindow.setContent(locations[i][0]);
         infowindow.open(map, marker);
       }
     })(marker, i));
   }
   var flightPath = new google.maps.Polyline({
     map: map,
     path: flightPlanCoordinates,
     strokeColor: "#ff0000",

     strokeOpacity: 1.0,
     strokeWeight: 2
   });
}

【讨论】：