Google Geocomplete (Miscellaneous)

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.

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>



Source link

Live Demo

Download


Related Articles

Tcard – Simple jQuery Plugin for Creating Cards (Images and Media)

Tcard is a jQuery plugin that lets you add beautiful cards to your website. You can pick from one of

One Page Nav Pro (Navigation)

One Page Nav is a one-page custom navbar, usually this navbar is used on a portfolio, and one related page.

No comments

Write a comment
No Comments Yet! You can be first to comment this post!

Write a Comment

Your e-mail address will not be published.
Required fields are marked*

eskisehir escort eskisehir escort kayseri escort bodrum escort malatya escort malatya escort izmir escort porno rokettube porno porno izle