Extract drawingManager polygon path Google Maps on click

Question

I have a Google map with drawing manager enabled where a user can draw a polygon and save it to my db. I added an event listener to the drawingManager object for the overlay

Answer 1

Figured it out!!

I added function overlayClickListener:

function overlayClickListener(overlay) {
    google.maps.event.addListener(overlay, "mouseup", function(event){
        $('#vertices').val(overlay.getPath().getArray());
    });
}

and attached it to the overlay on overlaycomplete:

google.maps.event.addListener(drawingManager, "overlaycomplete", function(event){
                overlayClickListener(event.overlay);
                $('#vertices').val(event.overlay.getPath().getArray());
            });

For the solution in action, see here: http://jsfiddle.net/rvsMH/1/