gmapautocomplete

jQuery gMapAutocomplete

A jQuery based plug-in that wraps Google's Places Autocomplete

Usage

$(input_selector).gMapAutocomplete(options);

Options

• geolocate Boolean indicating whether or not to bias automcomplete object to the user's geographic location
• selectors Object assigning address componemt values to inputs
• callback Function that fires on autocomplete place_changed event. Accepts one parameter, an object of address components. See https://developers.google.com/maps/documentation/geocoding/intro#Types for available address components

Examples

/* Basic example */
<form>
    <input type="text" name="street_address" id="street_address">
</form>
 
<script src="https://maps.googleapis.com/maps/api/js?key=API_KEY&libraries=places"></script>
<script src="jquery.js"></script>
<script src="gMapAutocomplete.js" async defer></script>
<script>
    $('input#street_address').gMapAutocomplete();
</script> 
 
/* Example with options*/
<form>
    <input type="text" id="street_address">
    <input type="text" name="city" id="city">
    <input type="text" name="state" id="state">
    <input type="text" name="postal_code" id="postal_code">
</form>
 
<script src="https://maps.googleapis.com/maps/api/js?key=API_KEY&libraries=places"></script>
<script src="jquery.js"></script>
<script src="gMapAutocomplete.js" async defer></script>
<script>
    $('input#street_address').gMapAutocomplete({
        geolocation: true
    });
</script> 

License

Licensed under the MIT License: http://deuxhuithuit.mit-license.org