Google autocomplete address textbox

Chinmaya Dash

10y3.2k.NET

Google autocomplete address textbox implemeintaion.

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vishal Jadav10y ago
Hi ,
I have a code which might help you.
Please find attached rar file for the code.
Thanks
Cheers...
0
Rajeesh Menoth10y ago
Hi Chinmaya Dash,

One important thing, In local host those code will not work. So you just check in server.

Jquery :
google.maps.event.addDomListener(window, 'load', initialize);
function initialize() {
var autocomplete = new google.maps.places.Autocomplete(document.getElementById('txtAutocomplete'));// id of your text box
google.maps.event.addListener(autocomplete, 'place_changed', function () {
// Get the place details from the autocomplete object.
var place = autocomplete.getPlace();
var location = "Address: " + place.formatted_address + "
";


location += "Latitude: " + place.geometry.location.lat();+ "
";
location += "Longitude: " + place.geometry.location.lng();
document.getElementById('lblResult').innerHTML = location
});
}
Library Reference :
Article Reference :

http://www.aspdotnet-suresh.com/2015/06/google-places-autocomplete-textbox-example-without-maps.html
0
Vinay Singh10y ago
Hi
Please check the link
http://www.aspsnippets.com/Articles/Implement-Google-Places-Autocomplete-TextBox-without-Google-Maps-with-Place-changed-event.aspx
http://www.aspdotnet-suresh.com/2015/06/google-places-autocomplete-textbox-example-without-maps.html
http://www.codeproject.com/Questions/550242/AutocompleteplusTextBoxplusforplusGoogleplusMapspl
http://www.c-sharpcorner.com/article/auto-complete-address-using-google-api-in-Asp-Net-mvc-5/
0
Gokulraj Sankar10y ago
Hi,
Kindly,refer the blow code I hope it helps u.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>title>
<style type="text/css">
body
{
font-family: Arial;
font-size: 10pt;
}
style>
head>
<body>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places">script>
<script type="text/javascript">
google.maps.event.addDomListener(window, 'load', function () {
var places = new google.maps.places.Autocomplete(document.getElementById('txtPlaces'));
google.maps.event.addListener(places, 'place_changed', function () {
var place = places.getPlace();
var address = place.formatted_address;
var latitude = place.geometry.location.lat();
var longitude = place.geometry.location.lng();
var mesg = "Address: " + address;
mesg += "\nLatitude: " + latitude;
mesg += "\nLongitude: " + longitude;
alert(mesg);
});
});
script>
<span>Location:span>
<input type="text" id="txtPlaces" style="width: 250px" placeholder="Enter a location" />
body>
html>
0