How can I get city name from a latitude and longitude point

Question

Is there a way to get a city name from a latitude and longitude point using the google maps api for javascript   If so could I please see an example

User · Answer

Same as  Sanchit Gupta   in this part   if  results 0      var add  results 0  formatted address    var  value add split        count value length   country value count-1    state value count-2    city value count-3    x innerHTML    city name is      city      just console the results array  if  results 0      console log results 0        choose from console whatever you need   var city   results 0  address components 3  short name   x innerHTML    city name is      city

User · Answer

Here s a modern solution using a promise   function getAddress  latitude  longitude        return new Promise function  resolve  reject            var request   new XMLHttpRequest             var method    GET           var url    http   maps googleapis com maps api geocode json latlng     latitude         longitude     amp sensor true           var async   true           request open method  url  async           request onreadystatechange   function                  if  request readyState    4                    if  request status    200                        var data   JSON parse request responseText                       var address   data results 0                       resolve address                                     else                       reject request status                                                      request send                 And call it like this   getAddress lat  lon  then console log  catch console error     The promise returns the address object in  then  or the error status code in  catch

User · Answer

BigDataCloud also has a nice API for this  also for nodejs users  they have API for client - free  But also for backend  using API KEY  free according to quota   Their GitHub page  the code looks like  const client   require   bigdatacloudapi client   API KEY    async foo                 const location  string   await client getReverseGeocode             latitude  32 101786566878445              longitude   34 858965073072056

User · Answer

In node js we can use node-geocoder npm module to get address from lat  lng   geo js var NodeGeocoder   require  node-geocoder     var options       provider   google     httpAdapter   https      Default   apiKey          for Mapquest  OpenCage  Google Premier   formatter   json      gpx    string           var geocoder   NodeGeocoder options    geocoder reverse  lat 28 5967439  lon 77 3285038   function err  res      console log res        output   node geo js      formattedAddress   C-85B  C Block  Sector 8  Noida  Uttar Pradesh 201301  India       latitude  28 5967439      longitude  77 3285038      extra          googlePlaceId   ChIJkTdx9vzkDDkRx6LVvtz1Rhk          confidence  1         premise   C-85B          subpremise  null         neighborhood   C Block          establishment  null        administrativeLevels          level2long   Gautam Buddh Nagar          level2short   Gautam Buddh Nagar          level1long   Uttar Pradesh          level1short   UP         city   Noida       country   India       countryCode   IN       zipcode   201301       provider   google

User · Answer

Here is a complete sample    lt  DOCTYPE html gt   lt html gt     lt head gt       lt title gt Geolocation API with Google Maps API lt  title gt       lt meta charset  UTF-8    gt     lt  head gt     lt body gt       lt script gt        function displayLocation latitude longitude           var request   new XMLHttpRequest             var method    GET           var url    http   maps googleapis com maps api geocode json latlng   latitude     longitude   amp sensor true           var async   true           request open method  url  async           request onreadystatechange   function              if request readyState    4  amp  amp  request status    200               var data   JSON parse request responseText               var address   data results 0               document write address formatted address                                  request send                    var successCallback   function position           var x   position coords latitude          var y   position coords longitude          displayLocation x y                   var errorCallback   function error           var errorMessage    Unknown error           switch error code              case 1              errorMessage    Permission denied               break            case 2              errorMessage    Position unavailable               break            case 3              errorMessage    Timeout               break                    document write errorMessage                   var options             enableHighAccuracy  true          timeout  1000          maximumAge  0                 navigator geolocation getCurrentPosition successCallback errorCallback options        lt  script gt     lt  body gt   lt  html gt

User · Answer

In case if you don t want to use google geocoding API than you can refer to few other Free APIs for the development purpose  for example i used  mapquest  API in order to get the location name  you can fetch location name easily by implementing this following function  x000D   x000D   const fetchLocationName   async  lat lng    gt        await fetch         https   www mapquestapi com geocoding v1 reverse key API-Key amp location   lat   2C  lng   amp outFormat json amp thumbMaps false                then  response    gt  response json           then  responseJson    gt            console log             ADDRESS GEOCODE is BACK     gt      JSON stringify responseJson                             x000D   x000D   x000D

User · Answer

This is called Reverse Geocoding     Documentation from Google    http   code google com apis maps documentation geocoding  ReverseGeocoding     Sample Call to Google s geocode Web Service    http   maps googleapis com maps api geocode json latlng 40 714224 -73 961452 amp sensor true amp key YOUR KEY

User · Answer

Following Code Works Fine to Get City Name  Using Google Map Geo API      HTML   lt p gt  lt button onclick  getLocation    gt Get My Location lt  button gt  lt  p gt   lt p id  demo  gt  lt  p gt   lt script src  http   maps google com maps api js key YOUR API KEY  gt  lt  script gt    SCRIPT  var x document getElementById  demo    function getLocation        if  navigator geolocation           navigator geolocation getCurrentPosition showPosition showError             else          x innerHTML  Geolocation is not supported by this browser             function showPosition position       lat position coords latitude      lon position coords longitude      displayLocation lat lon      function showError error       switch error code           case error PERMISSION DENIED              x innerHTML  User denied the request for Geolocation           break          case error POSITION UNAVAILABLE              x innerHTML  Location information is unavailable           break          case error TIMEOUT              x innerHTML  The request to get user location timed out           break          case error UNKNOWN ERROR              x innerHTML  An unknown error occurred           break           function displayLocation latitude longitude       var geocoder      geocoder   new google maps Geocoder        var latlng   new google maps LatLng latitude  longitude        geocoder geocode            latLng   latlng            function results  status                if  status    google maps GeocoderStatus OK                    if  results 0                         var add  results 0  formatted address                       var  value add split                            count value length                      country value count-1                       state value count-2                       city value count-3                       x innerHTML    city name is      city                                    else                        x innerHTML    address not found                                               else                   x innerHTML    Geocoder failed due to      status

User · Answer

Here is the latest sample of Google s geocode Web Service   https   maps googleapis com maps api geocode json latlng 40 714224 -73 961452 amp key YOUR API KEY  Simply change the YOUR API KEY to the API key you get from Google Geocoding API  P S  Geocoding API is under Places NOT Maps

User · Answer

There are many tools available   google maps API as like all had written use this data  https   simplemaps com data world-cities  download free version and convert excel to JSON with some online converter like  http   beautifytools com excel-to-json-converter php  use IP address  which is not good because using IP address of someone may not good  users think that you can hack them    other free and paid tools are available also

User · Answer

you can do it with pure php and google geocode api            param latlong  String  is Latitude and Longitude with   as separator for example  21 3724002 39 8016229       function getCityNameByLatitudeLongitude  latlong         APIKEY    AIzaXXXXXXXXXXXXXXXXXXXXXXXXXXX      Replace this with your google maps api key       googleMapsUrl    https   maps googleapis com maps api geocode json latlng      latlong     amp language ar amp key      APIKEY       response   file get contents  googleMapsUrl        response   json decode  response  true        results    response  results         addressComponents    results 0   address components         cityName           foreach   addressComponents as  component               echo  component           types    component  types            if  in array  locality    types   amp  amp  in array  political    types                  cityName    component  long name                        if   cityName                  echo  Failed to get CityName         else           echo  cityName

[javascript] How can I get city name from a latitude and longitude point?

Examples related to javascript

Examples related to node.js

Examples related to google-maps

Examples related to geocoding

Examples related to latitude-longitude