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

GetVideo – NodeJS Youtube Video Downloader (Media)

GetVideo created with latest technologies such as NodeJs ,Bootstrap 4, Jquery and others. You can download 1080p ( Video only

Material Recipe Web 1.0 (Miscellaneous)

Description Material Recipe Web is web client version from Material Recipe. PURCHASE MATERIAL RECIPE Feature Implement Material Design Dark Material

Nice Gallery (Images and Media)

Description Nice Gallery is a neat image gallery plugin for jQuery. It offers different possible configurations while still being lightweight

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