Google Map API | Javascript | HTML |
Save Like Follow

Autocomplete location in text box from Google MAP

Expert User
Expert User Verified
Autocomplete location using a Google API key
Try it Yourself 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&key=Your API KEY&libraries=places&language=en-AU"></script>
<script type="text/javascript">
    google.maps.event.addDomListener(window, 'load', function () {
        var places = new google.maps.places.Autocomplete(document.getElementById('Location'));
        google.maps.event.addListener(places, 'place_changed', function () {
            var place = places.getPlace();
           // var address = place.formatted_address;
            

        });
    });
</script>
 <div class="form-group">
    <input type="text" placeholder="google map" name="Location" id="Location"/>
</div>

Location can be autocompleted in textbox using google map API. We have to first create the API Key of google map from Google API cloud by creating your ID.

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&key=Your API KEY&libraries=places&language=en-AU"></script>

Put your API key on the above script.

Please find the rest of the source code right side.

References and Credits

Tags

Autocomplete location in text box from Google MAP Autocomplete location Autocomplete location in text box Google MAP Google Location API

Comments

Leave a Comment