loc.js

function initializeAutocomplete(){
  var input = document.getElementById('product_f_locality');
  var options = {
    types: ['(regions)'],
    componentRestrictions: {country: "IN"}
  };

  var autocomplete = new google.maps.places.Autocomplete(input, options);

  google.maps.event.addListener(autocomplete, 'place_changed', function() {
    var place = autocomplete.getPlace();
    var lat = place.geometry.location.lat();
    var lng = place.geometry.location.lng();
    var placeId = place.place_id;
    // to set city name, using the locality param
    var componentForm = {
      locality: 'short_name',
    };
    for (var i = 0; i < place.address_components.length; i++) {
      var addressType = place.address_components[i].types[0];
      if (componentForm[addressType]) {
        var val = place.address_components[i][componentForm[addressType]];
        document.getElementById("product_f_city").value = val;
      }
    }
    $('#product_latitude').val(lat)
    $('#product_longitude').val(lng)
    $('#product_f_google_place_id').val(placeId);
  });
}