Breaking News: Grepper is joining You.com. Read the official announcement!

find state and city from google place api response in javascript

Jaimin Patel answered on August 11, 2023 Popularity 1/10 Helpfulness 1/10

answer find state and city from google place api response in javascript

find state and city from google place api response in javascript

Comment

view sourceprint?
01
$( document ).ready(function() {
02
    $.support.cors = true;
03
    $.ajaxSetup({ cache: false });
04
    var city = '';
05
    var hascity = 0;
06
    var hassub = 0;
07
    var state = '';
08
    var nbhd = '';
09
    var subloc = '';
10
     
11
    $('#zip_code').keyup(function() {
12
      $zval = $('#zip_code').val();
13
 
14
      if($zval.length == 5){
15
         $jCSval = getCityState($zval, true);
16
      }
17
    });
18
   
19
  function getCityState($zip, $blnUSA) {
20
     var date = new Date();
21
     $.getJSON('https://maps.googleapis.com/maps/api/geocode/json?address=' + $zip + '&key=YOURGOOGLEMAPSAPIKEY&type=json&_=' + date.getTime(), function(response){
22
         //find the city and state
23
     var address_components = response.results[0].address_components;
24
     $.each(address_components, function(index, component){
25
         var types = component.types;
26
         $.each(types, function(index, type){
27
            if(type == 'locality') {
28
              city = component.long_name;
29
              hascity = 1;
30
            }
31
            if(type == 'administrative_area_level_1') {
32
              state = component.short_name;
33
            }
34
            if(type == 'neighborhood') {
35
              nbhd = component.long_name;
36
            }
37
            if(type == 'sublocality') {
38
              subloc = component.long_name;
39
              hassub = 1;
40
            }
41
         });
42
    });
43
 
44
    //pre-fill the city and state
45
        if(hascity == 1){
46
            $('#city').val(city);
47
        } else if(hassub == 1) {
48
            $('#city').val(subloc);
49
        } else {
50
        $('#city').val(nbhd);
51
    }
52
    $('#state').val(state);
53
      //reset
54
    var hascity = 0;
55
    var hassub = 0;
56
    });
57
  }
58
});

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: vincoding.com

Tags: api city find javascript response state

Link to this answer
Share Copy Link

Contributed on Aug 11 2023

Jaimin Patel

0 Answers Avg Quality 2/10

find state and city from google place api response in javascript

Contents

More Related Answers

find state and city from google place api response in javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.