Drag Google Map Pin Get Lattitude Longitude Address

Here is best working example of on how to get Latitude Longitude and address while dragging google map pin to desired location

<style> #myMap { height: 350px; width: 680px; } </style> <div id="myMap"></div> <input id="address" type="text" name="address" /><br/> <input type="text" id="latitude" placeholder="Latitude"/> <input type="text" id="longitude" placeholder="Longitude"/> <input type="text" id="latlong" placeholder="latlong" style="width:200px;" /> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=<YOUR_KEY>"></script> <script type="text/javascript"> var map; var marker; var myLatlng = new google.maps.LatLng(17.485550,78.387932); var geocoder = new google.maps.Geocoder(); var infowindow = new google.maps.InfoWindow(); function initialize(){ var mapOptions = { zoom: 18, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("myMap"), mapOptions); marker = new google.maps.Marker({ map: map, position: myLatlng, draggable: true }); geocoder.geocode({'latLng': myLatlng }, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { if (results[0]) { $('#latitude,#longitude').show(); $('#address').val(results[0].formatted_address); $('#latitude').val(marker.getPosition().lat()); $('#longitude').val(marker.getPosition().lng()); var latlng = marker.getPosition().lat() + ', ' + marker.getPosition().lng(); $('#latlong').val(latLng); infowindow.setContent(results[0].formatted_address); infowindow.open(map, marker); } } }); google.maps.event.addListener(marker, 'dragend', function() { geocoder.geocode({'latLng': marker.getPosition()}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { if (results[0]) { $('#address').val(results[0].formatted_address); $('#latitude').val(marker.getPosition().lat()); $('#longitude').val(marker.getPosition().lng()); infowindow.setContent(results[0].formatted_address); infowindow.open(map, marker); } } }); }); } google.maps.event.addDomListener(window, 'load', initialize); </script> </body> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> </script>

Location based mobile websites

Goal is to provide a usable geo location framework for mobile websites/widget applications. It wraps the underlying platform specific implementation through a simple JavaScriptAPI that is aligned to the W3 Geolocation API Specification..


//determine if the handset has client side geo location capabilities
if(geo_position_js.init()){
geo_position_js.getCurrentPosition(success_callback,error_callback);
}
else{
alert("Functionality not available");
}


Usage Scenario
The framework provides two key methods, it determines if the handset has client side geo location capabilities and one method to retrieve the location (of course only after a request for permission). So a mobile web site that provides location based services can first determine if the client has client side geo capabilites and ask him to assist him in finding his location. If no geo capabilities are given or they are disabled the site can fallback on a manual location input method and use a geodata database/service to map the input to a pair of latitude/longitude coordinates.

Supported platforms
iOS Android Blackberry OS Browsers with Google Gears support (Android, Windows Mobile) Nokia Web Run-Time (Nokia N97,...) webOS Application Platform (Palm Pre) Torch Mobile Iris Browser Mozilla Geode

Geo Location for mobile

Sample script - Working Great

Yahoo Geo-Location Library

YQL Geo Library - get all your geo needs in JavaScript - geolocation, reverse geocoding, content analysis

As an aid for the Georgia Tech Hack 2010 and as a follow-up to my talk about geolocation here is a simple JavaScript library that answers most of your geo questions. It wraps the following services in a simple interface: