我设法使用基于 HTML 的地理位置获取用户的纬度和经度。//检查浏览器是否支持 W3C 地理位置 APIif (navigator.geolocation) { navigator.geolocation.
我设法使用基于 HTML 的地理定位获取用户的纬度和经度。
//Check if browser supports W3C Geolocation API
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(successFunction, errorFunction);
}
//Get latitude and longitude;
function successFunction(position) {
var lat = position.coords.latitude;
var long = position.coords.longitude;
}
我想显示城市名称，似乎获取它的唯一方法是使用反向地理定位 API。我阅读了 Google 的反向地理定位文档，但我不知道如何在我的网站上获取输出。
我不知道如何使用这个： "http://maps.googleapis.com/maps/api/geocode/json?latlng='+lat+','+long+'&sensor=true" 在页面上显示城市名称。
我怎样才能实现这个目标？
这是对我来说更新的工作版本，它将获取城市/城镇，看起来 JSON 响应中的某些字段已被修改。请参阅此问题的先前答案。（感谢 Michal 和另一个参考资料： 链接
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) {
if (results[1]) {
var arrAddress = results;
console.log(results);
$.each(arrAddress, function(i, address_component) {
if (address_component.types[0] == "locality") {
console.log("City: " + address_component.address_components[0].long_name);
itemLocality = address_component.address_components[0].long_name;
}
});
} else {
alert("No results found");
}
} else {
alert("Geocoder failed due to: " + status);
}
});
}