Google autocomplete address textbox

Question

Google autocomplete address textbox implemeintaion.

Vishal Jadav · Answer

Hi , I have a code which might help you. Please find attached rar file for the code. Thanks Cheers...

Rajeesh Menoth · Answer

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

Vinay Singh · Answer

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/

Gokulraj Sankar · Answer

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 += "
Latitude: " + latitude; mesg += "
Longitude: " + longitude; alert(mesg); }); }); script > span > Location: span > input type ="text" id ="txtPlaces" style =" width : 250px" placeholder ="Enter a location" /> body > html >

Google autocomplete address textbox

Answers (4)