如何使用HTML5地理位置查找用户所在的国家/地区?

时间:2011-07-19 13:23:03

标签: javascript html5 geolocation

我熟悉HTML5地理位置,用于返回用户位置的粗略坐标。

但是,如何返回坐标所在国家/地区的名称?

6 个答案:

答案 0 :(得分:35)

如果你只是想要这个国家/地区,那么使用ws.geonames.org而不是谷歌的方法更为简单:

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);
        });
    });
}​

通常我会说使用Google服务意味着更高的可靠性,但是最近有很多Google服务退役,看看其他一些解决方案可能是个好主意。


顺便说一下,我使用我能找到的所有免费地理编码服务做了一些实验。一旦其中一个人找到可接受的结果,它就会返回国家和负责服务的名称。

随意通过JSFiddle来玩它:Deferred look up country code via multiple geolocation webapis

答案 1 :(得分:29)

    var geocoder = new google.maps.Geocoder();
    geocoder.geocode({'latLng': <YOURLATLNGRESPONSEFROMGEO>}, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                if (results[0]) {
                    var loc = getCountry(results);
                }
            }
        });

    function getCountry(results)
    {
        for (var i = 0; i < results[0].address_components.length; i++)
        {
        var shortname = results[0].address_components[i].short_name;
        var longname = results[0].address_components[i].long_name;
        var type = results[0].address_components[i].types;
        if (type.indexOf("country") != -1)
        {
            if (!isNullOrWhitespace(shortname))
            {
                return shortname;
            }
            else
            {
                return longname;
            }
        }
    }

}

function isNullOrWhitespace(text) {
    if (text == null) {
        return true;
    }
    return text.replace(/\s/gi, '').length < 1;
}

这是我使用的:))

答案 2 :(得分:2)

如果你在地理位置上工作有问题,就像我在Chrome中一样,那么我可以推荐这种替代方式(使用jQuery的例子):

$.getJSON("https://freegeoip.net/json/", function(data) {
    const countryCode = data.country_code;
    const countryName = data.country_name;
    const ip = data.ip;
    const timezone = data.time_zone;
    const latitude = data.latitude;
    const longitude = data.longitude;

    alert("Country Code: " + countryCode);
    alert("Country Name: " + countryName);
    alert("IP: " + ip); 
    alert("Time Zone: " + timezone);
    alert("Latitude: " + latitude);
    alert("Longitude: " + longitude);   
});

答案 3 :(得分:1)

注意您需要设置&#39;用户名&#39;使用此API的属性,否则您将收到错误。

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

            }, 1000);

答案 4 :(得分:0)

您需要Reverse Geocoder服务。

答案 5 :(得分:0)

类似的答案来自@hippietrail,但另一项服务没有注册。

if ( navigator.geolocation ) {
  navigator.geolocation.getCurrentPosition(function(position) {

  $.ajax('http://www.datasciencetoolkit.org/coordinates2politics/'
    + position.coords.latitude + ','
    + position.coords.longitude, {dataType: 'jsonp'})
  .done(function(data, textStatus, jqXHR) {
    if ( textStatus === 'success' ) {
      var country = data[0].politics[0].name
      alert(country)
    }
  })
}