Get Lat Lng after google marker drag

by Anand Jee

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;.js"></script>
<div id='mapBox'></div>
<div id="dragStatus"></div>

CSS

body{font-size:14px;font-family:calibri;}
#mapBox {width: 400px;height: 300px;}
#dragStatus { padding-top: 10px;}

JavaScript

//Dragable Marker In Google Map....

var map = new google.maps.Map(document.getElementById('mapBox'), {
    zoom: 4,
    center: new google.maps.LatLng(28.6139, 77.2090),
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

var myMarker = new google.maps.Marker({
    position: new google.maps.LatLng(28.6139, 77.2090),
    draggable: true
});

google.maps.event.addListener(myMarker, 'dragend', function (evt) {
    document.getElementById('dragStatus').innerHTML = '<p> Current Lat: ' + evt.latLng.lat().toFixed(4) + ' Current Lng: ' + evt.latLng.lng().toFixed(4) + '</p>';
    var point = marker.getPosition();
       map.panTo(point);
});

google.maps.event.addListener(myMarker, 'dragstart', function (evt) {
    //-------------
    //------------
});

map.setCenter(myMarker.position);
myMarker.setMap(map);