Fozzy Domain Sale
Liquid Web Managed Word Press

Google Geocomplete

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>

0 average based on 0 ratings.

altsniffer

altsniffer

Visit Author's Portfolio

View Portfolio
Last Update 2018-07-08
Created 2018-07-08
Sales 3
Discussion Comments
Compatible Browsers IE11 Firefox Safari Opera Chrome Edge
Software Version jQuery
High Resolution No
Files Included JavaScript JS
Video Preview Resolution
Search plugins
Browse Categories