var map;

var circle;

var marker;

var currentlatlng;

​

function loadMap() {

    setLatLongValue();

    currentlatlng = new google.maps.LatLng(23.06368, 72.53135);

    map = new google.maps.Map(document.getElementById('map'), {

        zoom: 16,

        center: currentlatlng,

        mapTypeId: 'terrain',

        mapTypeControl: true,

        navigationControl: true

    });

​

    var marker = new google.maps.Marker({

        position: currentlatlng,

        draggable: true,

        map: map

    });

    marker.addListener('click', function(event) {

      drawCircle(event.latLng);

    });

​

    setLatLongValue();

    drawCircle();

}

​

function setLatLongValue() {

    // jQuery('#txtPointA1').val(currentlatlng.lat()); //#txtPointA1

    // jQuery('#txtPointA2').val(currentlatlng.lng());

}

​

function drawCircle() {

​

    var radius = 200;

​

    if (jQuery('#txtPointB1').val() !== '' && !isNaN(jQuery('#txtPointB1').val()) && parseInt(jQuery('#txtPointB1').val()) > 0) {

        radius = parseInt(jQuery('#txtPointB1').val());

    }

    jQuery('#txtPointB1').val(radius.toString());

​

    var options = {

        strokeColor: '#800000',

        strokeOpacity: 1.0,

        strokeWeight: 1,

        fillColor: '#C64D45',

        fillOpacity: 0.5,

        map: map,

        center: currentlatlng,

        radius: radius

    };

​

    circle = new google.maps.Circle(options);

}