How can I get content out of Google Maps MVCArray?
<p>I'm working with <a href="https://developers.google.com/maps/documentation/javascript/reference#Polygon" rel="nofollow">google.maps.polygons</a>.  The library uses a <a href="https://developers.google.com/maps/documentation/javascript/reference#MVCArray" rel="nofollow">google.maps.MVCArray</a> element to store the vertices of the polygon where each vertex contains a latitude and longitude variable.  So I'm able to create fancy polygons on the fly using user mouse clicks.   </p>

<pre><code>var listener1 = google.maps.event.addListener(map, "click", function(e) {
    var latLng = e.latLng;
    var myMvcArray = new google.maps.MVCArray();
    myMvcArray.push(latLng); // First Point
    var myPolygon = new google.maps.Polygon({
        map: map,
        paths: myMvcArray, // one time registration reqd only
        strokeColor: "#FF0000",
        strokeOpacity: 1.0,
        strokeWeight: 2,
        fillColor: "#FF0000",
        fillOpacity: 0.10,
        editable: true,
        draggable: false,
        clickable: true
    });
    google.maps.event.removeListener(listener1);

    var listener2 = google.maps.event.addListener(map, 'click', function(e) {
        latLng = e.latLng;
        myMvcArray.push(latLng);
        console.log(myMvcArray.getArray());
    });
});
</code></pre>

<p>My problem is, that console log result is incomprehensible. I've spent a couple of hours trying to figure out how to get clean data from myMvcArray.  I need to use the data elsewhere.   </p>