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.
Initialize
Include libraries
<script src="https://maps.googleapis.com/maps/api/js?key=<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
<script>
$(function()
$(".autocomplete").googleGeoAutocomplete(
OPTIONS
);
);
</script>
Speed loading
Price
DOWNLOAD Google Geocomplete (Miscellaneous)
Comentarii
Trimiteți un comentariu