Google Places Autocomplete

Our autocomplete disabled in favor of Google Places Autocomplete

by m4xout

HTML

<script src="https://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places&amp;dummy=.js"></script>
<script src="https://d79i1fxsrar4t.cloudfront.net/jquery.liveaddress/5.1/jquery.liveaddress.min.js"></script>
<form>
  <input type="text" id="street" name="street" placeholder="street">
  <br>
  <input type="text" id="city" name="city" placeholder="city">
  <br>
  <input type="text" id="state" name="state" placeholder="state">
  <br>
 
</form>

CSS

input {
  width: 400px;
}

JavaScript

var place;
var autocomplete = new google.maps.places.Autocomplete(street);

google.maps.event.addListener(autocomplete, 'place_changed', function() {
  place = autocomplete.getPlace();
  var address = {};
  for (var i = 0; i < place.address_components.length; i++) {
    var addressType = place.address_components[i].types[0];
    switch (addressType) {
      case "street_number":
        address.street_number = place.address_components[i].short_name;
        break;
      case "route":
        address.street = place.address_components[i].short_name;
        break;
      case "locality":
        address.city = place.address_components[i].long_name;
        break;
      case "administrative_area_level_1":
        address.state = place.address_components[i].short_name;
        break;
    }
  }
  $("#ZIP").val("").change();
  $("#street").val(address.street_number + " " + address.street).change();
  $("#city").val(address.city).change();
  $("#state").val(address.state).change();
});

var ss = jQuery.LiveAddress({
  key: '8140491234758226',
  waitForStreet: true,
  debug: false,
  target: "US",
  autocomplete: 0,
  addresses: [{
    address1: "#street",
    locality: "#city",
    administrative_area: "#state",
    postal_code: "#ZIP",
    country: "#country"
  }]
});