我熟悉 HTML5 地理定位，用于返回用户位置的粗略坐标。
但是，如何返回其坐标所在的国家/地区的名称？
如何使用 HTML5 地理定位查找用户所在的国家/地区？
IT技术
javascript
html
geolocation
2021-03-02 04:31:19
6个回答
如果你只想要这个国家，这里有一个更简单的方法，使用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 使用它：通过多个地理定位 webapis 延迟查找国家代码
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;
}
这就是我使用的:)
如果您在像我在 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);
});
注意你需要设置'username'属性才能使用这个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);
您将需要反向地理编码器服务。