路线标记JSON

时间:2016-08-24 16:26:09

标签: javascript json

我有一个带有JSON的代码javascript ..代码没关系。 代码核心地绘制标记,现在我需要链接点。 这是我的代码:

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

1 个答案:

答案 0 :(得分: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);