Google Geocomplete (Miscellaneous)

This plugin generates an autocomplet from an input field, so that you can retrieve an address and its associated geodata from Google and fill it into input fields.


Include libraries

<script src="<strong>YOUR_API_KEY</strong>&libraries=places"></script>
<script src="jquery.js"></script>
<script src="google-geocomplete.js"></script>

Create your Autocomplete Input field

<input class="form-control" id="formatted_address" data-geo="formatted_address" value="">

Setup your fields, you can use type=”hidden” too

<input class="form-control" id="street" <b>data-geo="street"</b> name="" value="">
<input class="form-control" id="latitude" <b>data-geo="latitude"</b> name="" value="">
<input class="form-control" id="longitude" <b>data-geo="longitude"</b> name="" value="">

Call the plugin

    $(function() {

Download Google Geocomplete (Miscellaneous)

Leave a Reply

Your email address will not be published. Required fields are marked *