2016-08-24 35 views
0

我有一個JavaScript代碼與JSON ..代碼沒關係。 代碼繪製標記corectly,現在我需要鏈接點.. 這是我的代碼:ROUTES MARKING JSON

function initialize() { 
    var hr = new XMLHttpRequest(); 
    hr.open("GET", "mylist.json", true); 
    hr.setRequestHeader("Content-type", "application/json", true); 

    var la; 
    var lo; 

    hr.onreadystatechange = function() { 
    var map = new google.maps.Map(document.getElementById('mapa'), { 
     zoom: 12, 
     center: new google.maps.LatLng(3.555, -76.29), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 
    var infowindow = new google.maps.InfoWindow(); 
    var marker, i; 

    var pathCoordinates = new google.maps.MVCArray(); 

    if (hr.readyState == 4 && hr.status == 200) { 
     var data = JSON.parse(hr.responseText); 
     for (var obj in data) { 

     la = data[obj].a; 
     lo = data[obj].o; 

     marker = new google.maps.Marker({ 
      position: new google.maps.LatLng(la, lo), 
      map: map 
     }); 



     } 
    } 
    } 
} 

hr.send(null); 

我用下一個代碼爲標誌的鏈接,但JSON我無法保存到數組。

var marcadores = [{ 
    lat: 3.54849, 
    lng: -76.2887 
}, { 
    lat: 3.54856, 
    lng: -76.3000 
}]; 

var flightPath = new google.maps.Polyline({ 
    path: marcadores, 
    geodesic: true, 
    strokeColor: 'green', 
    strokeOpacity: 1.0, 
    strokeWeight: 2 
}); 

flightPath.setMap(map); 

回答

0

我解決我的問題......

解決方案是這樣的:

   arr.push(new google.maps.LatLng(la , lo)); 
        }     

         var flightPath = new google.maps.Polyline({ 
         path: arr, 
         geodesic: true, 
         strokeColor: 'green', 
         strokeOpacity: 1.0, 
         strokeWeight: 2 
          }); 

         flightPath.setMap(map);