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/

Gokul Raj · Answer

Hi Kindlyrefer 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 >