title: Looping a Json object in map.arc()
body: <p>i am using <a href="http://jsbin.com/nutawiboci/1/edit?html,output" rel="nofollow">http://jsbin.com/nutawiboci/1/edit?html,output</a> to show the location of the origin and destination coordinate and draw an arc between them. so i modified the map.arc() to loop through a given origin and destination coordinate:</p>
  
  <pre><code>    for (var i = 0; i &lt; data.length; i++) {
  
        var origin_long  = data[i][0][0]; 
        var origin_lat   = data[i][0][1]; 
  
        var destination_long = data[i][1][0]; 
        var destination_lat  = data[i][1][1]; 
  
  
  
          map.arc([
            {
              origin: {
                  latitude: origin_lat,
                  longitude: origin_long
              },
              destination: {
                  latitude: destination_lat,
                  longitude: destination_long
              }
            }
            ], {strokeWidth: 2});
      };
  </code></pre>
  
  <p>This actually works, but it only draws the last(from the loop) since it destroys the previous arcs before drawing the next. i just don't know how to iterate in the map.arc(). i want the loop to return something like this:</p>
  
  <pre><code>        map.arc([
            {
              origin: {
                  latitude: 43.445,
                  longitude: 83.435345
              },
              destination: {
                  latitude: 324.2323,
                  longitude: -6
              }
            }, 
            {
              origin: {
                  latitude: -53.445,
                  longitude: 333.4345
              },
              destination: {
                  latitude: -24.2323,
                  longitude: 46.454
              }
            }, 
            {
              origin: {
                  latitude: 53.045,
                  longitude: 663.4345
              },
              destination: {
                  latitude: -94.2323,
                  longitude: 996.4454
              }
            }
            ], {strokeWidth: 2});
  </code></pre>
  
  <p>any other way than looping it is also appreciated, i just want it working this way. Thanks!</p>