Drawing Library Example - Google Maps API

HTML

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false&amp;libraries=drawing&amp;extension=.js"></script>
<div id="map"></div>

<div id="marker-position"></div>
<div id="marker-position1"></div>

CSS

#map {
    height: 420px;
    width:600px;
}

JavaScript

var mapOptions = {
    center: new google.maps.LatLng(13.62, 79.35),
    zoom: 8,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById('map'),
mapOptions);
var coordinates = [];
var drawingManager = new google.maps.drawing.DrawingManager({
    drawingControlOptions: {
        position: google.maps.ControlPosition.LEFT_BOTTOM,
        drawingModes: [
        google.maps.drawing.OverlayType.MARKER,
        google.maps.drawing.OverlayType.CIRCLE,
        google.maps.drawing.OverlayType.POLYGON,
        google.maps.drawing.OverlayType.POLYLINE,
        google.maps.drawing.OverlayType.RECTANGLE
        
        ]
    }
});

google.maps.event.addListener(drawingManager, 'markercomplete', function (marker) {
    var position = marker.getPosition().toUrlValue(2);
  
    $('#marker-position1').append(position + '<br>'+position1);
});
google.maps.event.addListener(drawingManager, 'circlecomplete', function (circle) {
   var radius = circle.getRadius();
     var latt = circle.getCenter().lat();
        var longg = circle.getCenter().lng();
  
 
    $('#marker-position').append(radius + '<br>'+latt+'<br>'+longg);
});
google.maps.event.addListener(drawingManager, 'rectanglecomplete', function (rectangle) {
   var radius = rectangle.getBounds();
     
  

    $('#marker-position').append(radius + '<br>');
});
google.maps.event.addListener(drawingManager, 'polygoncomplete', function (polygon) {
   var polygonBounds = polygon.getPath();

        for(var i = 0 ; i < polygonBounds.length ; i++)
        {
            coordinates.push(polygonBounds.getAt(i).lat(), polygonBounds.getAt(i).lng());
 alert(JSON.stringify(coordinates, null, 6));
            
        }
    
});
google.maps.event.addListener(drawingManager, 'polylinecomplete', function (line ) {
   var polygonBounds = line .getPath();

        for(var i = 0 ; i < polygonBounds.length ; i++)
        {
            coordinates.push(polygonBounds.getAt(i).lat(),...