Google Maps how to get country state province region city given a lat long value

Question

I need a list of countries  states  amp  cities based on a collection of lat long values I have  I need to store this information in a manner that hierarchy is preserve and without duplicates  e g   USA  and  United States  and  United States of America  are the same country  I only want one instance of this country in my database    Is this possible to do with Google Map API

User · Answer

Better make the google object convert as a javascript readable object first.

Create two functions like below and call it passing google map return object.

function getShortAddressObject(object) {
             let address = {};
             const address_components = object[0].address_components;
             address_components.forEach(element => {
                 address[element.types[0]] = element.short_name;
             });
             return address;
 }

 function getLongAddressObject(object) {
             let address = {};
             const address_components = object[0].address_components;
             address_components.forEach(element => {
                 address[element.types[0]] = element.long_name;
             });
             return address;
 }

Then user can access names like below.

var addressObj = getLongAddressObject(object);
var country = addressObj.country; //Sri Lanka

All address parts are like below.

administrative_area_level_1: "Western Province"
administrative_area_level_2: "Colombo"
country: "Sri Lanka"
locality: "xxxx xxxxx"
political: "xxxxx"
route: "xxxxx - xxxxx Road"
street_number: "No:00000"

User · Answer

I used this question as a starting point for my own solution  Thought it was appropriate to contribute my code back since its smaller than tabacitu s   Dependencies    underscore js https   github com estebanav javascript-mobile-desktop-geolocation  lt script src  https   maps googleapis com maps api js v 3 exp amp sensor false  gt  lt  script gt    Code   if geoPosition init            var foundLocation   function city  state  country  lat  lon             do stuff with your location  any of the first 3 args may be null         console log arguments              var geocoder   new google maps Geocoder         geoPosition getCurrentPosition function r           var findResult   function results  name               var result      find results  function obj                   return obj types 0     name  amp  amp  obj types 1      political                               return result   result short name   null                     geocoder geocode   latLng   new google maps LatLng r coords latitude  r coords longitude    function results  status                if  status    google maps GeocoderStatus OK  amp  amp  results length                    results   results 0  address components                  var city   findResult results   locality                    var state   findResult results   administrative area level 1                    var country   findResult results   country                    foundLocation city  state  country  r coords latitude  r coords longitude                 else                   foundLocation null  null  null  r coords latitude  r coords longitude                                      enableHighAccuracy false  maximumAge  1000   60   1

User · Answer

lt div id  location  gt  lt  div gt           lt script gt              window onload   function                      var startPos                  var geoOptions                         maximumAge  5   60   1000                      timeout  10   1000                      enableHighAccuracy  true                                     var geoSuccess   function  position                        startPos   position                      geocodeLatLng startPos coords latitude  startPos coords longitude                                       var geoError   function  error                        console log  Error occurred  Error code      error code                          error code can be                           0  unknown error                          1  permission denied                          2  position unavailable  error response from location provider                           3  timed out                                     navigator geolocation getCurrentPosition geoSuccess  geoError  geoOptions                              function geocodeLatLng lat  lng                    var geocoder   new google maps Geocoder                  var latlng    lat  parseFloat lat   lng  parseFloat lng                    geocoder geocode   location   latlng   function  results  status                        if  status      OK                             console log results                          if  results 0                                 document getElementById  location   innerHTML   results 0  formatted address                              var street                                   var city                                   var state                                   var country                                   var zipcode                                   for  var i   0  i  lt  results length  i                                      if  results i  types 0       locality                                         city   results i  address components 0  long name                                      state   results i  address components 2  long name                                                                     if  results i  types 0       postal code   amp  amp  zipcode                                              zipcode   results i  address components 0  long name                                                                     if  results i  types 0       country                                         country   results i  address components 0  long name                                                                     if  results i  types 0       route   amp  amp  street                                               for  var j   0  j  lt  4  j                                              if  j    0                                                street   results i  address components j  long name                                            else                                               street           results i  address components j  long name                                                                                                                                                     if  results i  types 0       street address                                         for  var j   0  j  lt  4  j                                              if  j    0                                                street   results i  address components j  long name                                            else                                               street           results i  address components j  long name                                                                                                                                                                               if  zipcode                                          if  typeof results 0  address components 8       undefined                                         zipcode   results 0  address components 8  long name                                                                                              if  country                                          if  typeof results 0  address components 7       undefined                                         country   results 0  address components 7  long name                                                                                              if  state                                          if  typeof results 0  address components 6       undefined                                         state   results 0  address components 6  long name                                                                                              if  city                                          if  typeof results 0  address components 5       undefined                                         city   results 0  address components 5  long name                                                                                               var address                                      street   street                                   city   city                                   state   state                                   country   country                                   zipcode   zipcode                                                              document getElementById  location   innerHTML   document getElementById  location   innerHTML     lt br  gt Street       address street     lt br  gt City       address city     lt br  gt State       address state     lt br  gt Country       address country     lt br  gt zipcode       address zipcode                              console log address                             else                               window alert  No results found                                                    else                           window alert  Geocoder failed due to      status                                                                    lt  script gt            lt script async defer                 src  https   maps googleapis com maps api js key YOUR API KEY  gt           lt  script gt

User · Answer

Szk  ta Had a great solution by creating a function that gets the address parts in a named array  Here is a compiled solution for those who want to use plain JavaScript   Function to convert results to the named array   function getAddressParts obj         var address            obj address components forEach  function el            address el types 0     el short name               return address       getAddressParts     Geocode the LAT LNG values   geocoder geocode     location    latlng    function results  status         if  status    google maps GeocoderStatus OK            var addressParts    getAddressParts results 0                the city         var city   addressParts locality              the state         var state   addressParts administrative area level 1

User · Answer

Just try this code this code work with me  var posOptions    timeout  10000  enableHighAccuracy  false    cordovaGeolocation getCurrentPosition posOptions  then function  position    var lat   position coords latitude  var long   position coords longitude     console log lat               long    http get  https   maps googleapis com maps api geocode json latlng     lat         long     amp key your key here   success function  output      console log  JSON stringify output results 0       console log  JSON stringify output results 0  address components 4  short name    var results   output results  if  results 0       console log  results length    results length     console log  hi   JSON stringify results 0  null 4    for  var j   0  j  lt  results length  j        console log  j    j     console log JSON stringify results j  null 4    for  var i   0  i  lt  results j  address components length  i      if results j  address components i  types 0      country        this is the object you are looking for   country   results j  address components i             console log country long name    console log country short name      else    alert  No results found     console log  No results found                function  err

User · Answer

I found the GeoCoder javascript a little buggy when I included it in my jsp files   You can also try this         var lat    43 7667855        var long    -79 2157321        var url    https   maps googleapis com maps api geocode json latlng           lat     long   sensor false         get url  success function data           var loc1   data results 0          var county  city             each loc1  function k1 v1                if  k1     address components                    for  var i   0  i  lt  v1 length  i                        for  k2 in v1 i                          if  k2     types                             var types   v1 i  k2                           if  types 0     sublocality level 1                                 county   v1 i  long name                                alert   county      county                                                      if  types 0     locality                                city   v1 i  long name                               alert   city      city                                                                                                                                               city   html city

User · Answer

I ve created a small mapper function    private getAddressParts object   Object       let address           const address components   object address components      address components forEach element   gt            address element types 0     element short name              return address      It s a solution for Angular 4 but I think you ll get the idea   Usage    geocoder geocode    location    latlng     results  status    gt        if  status     google maps GeocoderStatus OK            const address                 formatted address  results 0  formatted address              address parts  this getAddressParts results 0                                     This way the address object will be something like this   address        address parts            administrative area level 1   NY           administrative area level 2   New York County           country   US           locality   New York           neighborhood   Lower Manhattan           political   Manhattan           postal code   10038           route   Beekman St           street number   90              formatted address   90 Beekman St  New York  NY 10038  USA      Hope it helps

User · Answer

I wrote this function that extracts what you are looking for based on the address components returned from the gmaps API  This is the city  for example    export const getAddressCity    address  length    gt      const findType   type   gt  type types 0       locality    const location   address map obj   gt  obj    const rr   location filter findType  0     return       length      short          rr short name         rr long name         Change locality to administrative area level 1 for the State etc   In my js code I am using like so   const location     getAddressCity address components   short       getAddressState address components   short       Will return  Waltham  MA

User · Answer

You have a basic answer here  Get city name using geolocation  But for what you are looking for  i d recommend this way   Only if you also need administrative area level 1 to store different things for Paris  Texas  US and Paris  Ile-de-France  France and provide a manual fallback   --  There is a problem in Michal s way  in that it takes the first result  not a particular one  He uses results 0   The way I see fit  I just modified his code  is to take ONLY the result whose type is  locality   which is always present  even in an eventual manual fallback in case the browser does not support geolocation   His way  fetched results are different from using http   maps googleapis com maps api geocode json address bucharest amp sensor false than from using http   maps googleapis com maps api geocode json latlng 44 42514 26 10540 amp sensor false  searching by name   searching by lat amp lng   This way  same fetched results    lt  DOCTYPE html gt    lt html gt    lt head gt    lt meta name  viewport  content  initial-scale 1 0  user-scalable no   gt    lt meta http-equiv  content-type  content  text html  charset UTF-8   gt    lt title gt Reverse Geocoding lt  title gt     lt script type  text javascript  src  http   maps googleapis com maps api js sensor false  gt  lt  script gt    lt script type  text javascript  gt     var geocoder     if  navigator geolocation        navigator geolocation getCurrentPosition successFunction  errorFunction        Get the latitude and the longitude  function successFunction position        var lat   position coords latitude      var lng   position coords longitude      codeLatLng lat  lng     function errorFunction        alert  Geocoder failed         function initialize         geocoder   new google maps Geocoder              function codeLatLng lat  lng         var latlng   new google maps LatLng lat  lng       geocoder geocode   latLng   latlng   function results  status          if  status    google maps GeocoderStatus OK            console log results           if  results 1             var indice 0          for  var j 0  j lt results length  j                          if  results j  types 0    locality                                         indice j                      break                                          alert  The good number is    j           console log results j            for  var i 0  i lt results j  address components length  i                                  if  results j  address components i  types 0      locality                               this is the object you are looking for City                         city   results j  address components i                                         if  results j  address components i  types 0      administrative area level 1                               this is the object you are looking for State                         region   results j  address components i                                         if  results j  address components i  types 0      country                               this is the object you are looking for                         country   results j  address components i                                                      city data             alert city long name            region long name            country short name                  else                 alert  No results found                                      else           alert  Geocoder failed due to      status                        lt  script gt    lt  head gt    lt body onload  initialize    gt     lt  body gt    lt  html gt

User · Answer

What you are looking for is called reverse geocoding  Google provides a server-side reverse geocoding service through the Google Geocoding API  which you should be able to use for your project   This is how a response to the following request would look like      http   maps googleapis com maps api geocode json latlng 40 714224 -73 961452 amp sensor false   Response        status    OK      results            types      street address          formatted address    275-291 Bedford Ave  Brooklyn  NY 11211  USA        address components              long name    275-291          short name    275-291          types      street number                    long name    Bedford Ave          short name    Bedford Ave          types      route                    long name    New York          short name    New York          types      locality    political                    long name    Brooklyn          short name    Brooklyn          types      administrative area level 3    political                    long name    Kings          short name    Kings          types      administrative area level 2    political                    long name    New York          short name    NY          types      administrative area level 1    political                    long name    United States          short name    US          types      country    political                    long name    11211          short name    11211          types      postal code                  geometry            location              lat   40 7142298           lng   -73 9614669                 location type    RANGE INTERPOLATED          viewport              southwest                lat   40 7110822             lng   -73 9646145                     northeast                lat   40 7173774             lng   -73 9583193                                     Additional results         You can also opt to receive the response in xml instead of json  by simply substituting json for xml in the request URI      http   maps googleapis com maps api geocode xml latlng 40 714224 -73 961452 amp sensor false   As far as I know  Google will also return the same name for address components  especially for high-level names like country names and city names  Nevertheless  keep in mind that while the results are very accurate for most applications  you could still find the occasional spelling mistake or ambiguous result

[google-maps] Google Maps: how to get country, state/province/region, city given a lat/long value?

Examples related to google-maps

Examples related to geolocation

Examples related to google-maps-api-3

Examples related to geocoding