Gmap V3 get coordinate

demo by Gerelt Od [email protected]

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;.js"></script>
<div id="info">
    <input type="text" id="lat" value="47.919247" /> <!-- Уртраг хадгалах -->
    <input type="text" id="lng" value="106.917336" /> <!-- Өргөрөг хадгалах -->
</div>
<div id="map"></div>  <!-- map зурах -->

CSS

#info {
    background-color: #aaa;
    width: 650px;
}
#info input {
    margin: 5px 10px;
    padding: 3px 5px;
}
#map{
    width: 650px;
    height: 400px;
}

JavaScript

var map;
var latlng = new google.maps.LatLng(47.919247,106.917336);      // Сүхбаатрийн талбай координат
var options = {                                                 // Map зурахад шаардах хувсагчууд
    zoom: 15,
    center: latlng ,
    mapTypeId: 'terrain',
};

var mapDiv = document.getElementById('map');                    // Канвас авах
var map = new google.maps.Map(mapDiv, options);                 // Авсан канвасаа Gmap руу хувиргах

var marker = new google.maps.Marker({                           // Маркер зурах
    position: latlng, 
    map: map, 
    draggable: true,
    title:"Choose coordinate!"
});   

google.maps.event.addDomListener(marker, 'dragend', setNewLatLng);  // Маркерын чирэлт дуусах үед сонсогч тавих

function setNewLatLng(){
    var point = marker.getPosition();                               // Маркерын тухайн байрлалын latLng авах
    map.panTo(point);                                               // Gmap ын төвийг шилжүүлэх
    document.getElementById("lat").value = point.lat().toFixed(5);  // input ын утгийг солих
    document.getElementById("lng").value = point.lng().toFixed(5);
}