How can I find a user’s country using HTML5 geolocation?

by

If you just want the country, here’s a much simpler approach using ws.geonames.org rather than Google:

if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
        $.getJSON('http://ws.geonames.org/countryCode', {
            lat: position.coords.latitude,
            lng: position.coords.longitude,
            type: 'JSON'
        }, function(result) {
            alert(result.countryName);
        });
    });
}​

Normally I would say that using a Google service would mean greater reliability, but with so many Google services being retired lately it’s probably a good idea to look at some other solutions.

By the way, I did some experiments using all the free geocoding services I could find. It returns the country and the name of the service responsible as soon as one of them finds an acceptable result.

Feel free to play with it via JSFiddle: Deferred look up country code via multiple geolocation webapis

More Related Contents:

  1. Get city name using geolocation [duplicate]
  2. getCurrentPosition() and watchPosition() are deprecated on insecure origins
  3. Geolocation closest location(lat, long) from my position
  4. Close ad to continue as free user?
  5. Javascript / Html Check box error [closed]
  6. How do I retrieve an HTML element’s actual width and height?
  7. Show/hide ‘div’ using JavaScript
  8. In what situations would AJAX long/short polling be preferred over HTML5 WebSockets?
  9. Document.write clears page
  10. Good tutorial for using HTML5 History API (Pushstate?) [closed]
  11. HTML button to NOT submit form
  12. How can get the text of a div tag using only javascript (no jQuery)
  13. Submit multiple forms with one submit button
  14. How can I set focus on an element in an HTML form using JavaScript?
  15. How to display JavaScript variables in a HTML page without document.write
  16. How to make a link open multiple pages when clicked
  17. script tag create with innerHTML of a div doesn’t work
  18. HTML selected option background-color CSS style
  19. ES6 modules in the browser: Uncaught SyntaxError: Unexpected token import
  20. How to get the position of text within an element?
  21. How can I copy rich text contents to the clipboard with JavaScript?
  22. Form Submit Execute JavaScript Best Practice? [closed]
  23. How to clear a chart from a canvas so that hover events cannot be triggered?
  24. Set custom header for the request made from tag
  25. Iframe.readyState does not work in chrome
  26. collapse and expand tabs jquery / simple accordion
  27. refresh div with jquery
  28. Remove everything within script and style tags
  29. Clear localStorage on tab/browser close but not on refresh
  30. Getting a sticky header to “push up”, like in Instagram’s iPhone app using CSS and jQuery

Leave a Comment