Geek Answers Handbook

How to get the longitude and latitude of the city / country entered through the input field?

I have this code,

<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> function myIP(){ $("#btn").click(function(){ var geocoder = new google.maps.Geocoder(); geocoder.geocode( { 'address': '#city'}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { alert("location : " + results[0].geometry.location.lat() + " " +results[0].geometry.location.lng()); } else { alert("Something got wrong " + status); } }); }); } </script> </head> <body onload="myIP()"> <input type="text" id= "city"> <input id="btn" type="button" value="get Lat&Long" /> </body> </html>

This will give me the latitude and longitude of the entered city in a small dialog box. But I need this on the same page or on the parent page. Please help me

+7
jquery html google-maps
source share
2 answers
 <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> function myIP(){ $("#btn").click(function(){ var geocoder = new google.maps.Geocoder(); geocoder.geocode( { 'address': $('#city').val()}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { $('.push-down').text("location : " + results[0].geometry.location.lat() + " " +results[0].geometry.location.lng()); } else { $('.push-down').text("Something got wrong " + status); } }); }); } </script> <style> .push-down {margin-top: 25px;}</style> </head> <body onload="myIP()"> <input type="text" id= "city"> <input id="btn" type="button" value="get Lat&Long" /> <div class="push-down"></div> </body> </html>
+5
source share
 $.getJSON('https://maps.googleapis.com/maps/api/geocode/json?address=' + Loc + '&sensor=false', null, function (data) { var p = data.results[0].geometry.location var latlng = new google.maps.LatLng(p.lat, p.lng); });
0
source share

More articles:


All Articles