Home / JavaScript / Google Geocomplete (Miscellaneous)

Google Geocomplete (Miscellaneous)

This plugin generates an autocomplet from an enter area, so as to retrieve an deal with and its related geodata from Google and fill it into enter fields.

Initialize

Embody libraries

<script src="https://maps.googleapis.com/maps/api/js?key=<sturdy>YOUR_API_KEY</sturdy>&libraries=locations"></script>
<script src="jquery.js"></script>
<script src="google-geocomplete.js"></script>

Create your Autocomplete Enter area

<enter class="form-control" id="formatted_address" data-geo="formatted_address" worth="">

Setup your fields, you should utilize sort=”hidden” too

<enter class="form-control" id="avenue" <b>data-geo="avenue"</b> title="" worth="">
<enter class="form-control" id="latitude" <b>data-geo="latitude"</b> title="" worth="">
<enter class="form-control" id="longitude" <b>data-geo="longitude"</b> title="" worth="">

Name the plugin

<script>
    $(operate() {
        $('.autocomplete').googleGeoAutocomplete({
            OPTIONS
        });
    });
</script>

Best Price| | Preview

Source Link

All the Admin Templates You Could Ask For.

2M+ items from the worlds largest marketplace for Admin Templates, Themes & Design Assets. Whether that's what you need, or you're just after a few Stock Photos - all of it can be found here at Envato Market.