Question

I have this JavaScript which should loop through my XML and get my data.

Here is the javascript code I have:

   function load() {
      var map = new google.maps.Map(document.getElementById("map"), {
        zoom: 13,
        mapTypeId: 'roadmap'
      });
      var infoWindow = new google.maps.InfoWindow;
      var line =[];


  downloadUrl("exportintoxml2.php", function(data) {
    var xml = data.responseXML;
    var devs = xml.documentElement.getElementsByTagName("DEVS"),
    data = {};
    for (var n = 0; n < devs.length; n++) {
    var dev = devs[n],
     markers = dev.getElementsByTagName("marker"),
     dev_id = dev.getAttribute('DEVS');

     data[dev_id] = [];

    for (var i = 0; i < markers.length; i++) {
      var name = markers[i].getAttribute("USER");
      var imei = markers[i].getAttribute("IMEI");
      var gsm1 = markers[i].getAttribute("GSM1");
      var devices = markers[i].getAttribute("DEVS");
      var point = new google.maps.LatLng(
          parseFloat(markers[i].getAttribute("LAT")),
          parseFloat(markers[i].getAttribute("LON")));


      var html = "<b>" + name + "</b> <br/>" + imei;
      var icon = customIcons[devices] || {};
      var marker = new google.maps.Marker({
        map: map,
        position: point,
        icon: icon.icon,
        shadow: icon.shadow
      });
      bindInfoWindow(marker, map, infoWindow, html);
    data[dev_id].push = ({ 'point' : point });

    line.push(data[1]);
    }
    }



    map.setCenter(point, 16);

var polyline = new google.maps.Polyline({
  path: line,
  strokeColor: "#FF0000",
  strokeOpacity: 1.0,
  strokeWeight: 2
});

    polyline.setMap(map);           
  });   
}

I need a variable (or several variables) which contains all of the data for every DEV separately and I am not sure how to include it in this loop.
I need to be able to display different devices with different polylines without them being connected with each other.

How can this be solved?

Answer 1

You need a loop for devs.

var devs = xml.documentElement.getElementsByTagName("DEVS"),
    data = {}; // for storing the data after extraction

for ( var n = 0; n < devs.length; n++ ) {
      var dev = devs[n],
          markers = dev.getElementsByTagName("marker"),
          dev_id = dev.getAttribute('devs');

      data[dev_id] = [];

      for (var i = 0; i < markers.length; i++) {
          var name = markers[i].getAttribute("USER");
          var data1 = markers[i].getAttribute("DATA1");
          var data2 = markers[i].getAttribute("DATA2");
          var devs2 = markers[i].getAttribute("DEVS");
          data[dev_id].push({ 'name': name, 'data1': data1, 'data2': data2, 'devs': devs2 }); // store the data
      }
}