如何使用地图反向地理编码

Question

我使用传单在地图上显示标记，当我在marker上click时，我得到它的lat和lng，然后我将这些发送到谷歌地图地理编码器以检索地址名：

var markerCoords = [];
circle.on('click', function (e) {
var curPos = e.target.getLatLng();
markerCoords.push(curPos.lng);
markerCoords.push(curPos.lat);
geocodeLatLng();
});
var geocoder = new google.maps.Geocoder;
function geocodeLatLng(geocoder) {
var latlng = {lat: parseFloat(markerCoords[1]), lng: parseFloat(markerCoords[0])};
geocoder.geocode({'location': latlng}, function(results, status) {
if (status === 'OK') {
if (results[0]) {
console.log(results[0].formatted_address);
} else {
window.alert('No results found');
}
} else {
window.alert('Geocoder failed due to: ' + status);
}
});
}

但它给了我：

Cannot read property 'geocode' of undefined

注意

这条线很好

var latlng = {lat: parseFloat(markerCoords[1]), lng: parseFloat(markerCoords[0])};

就像我做console.log一样，我得到了正确的lat和lng

Answer 1

您的代码中有一个拼写错误。您没有将对地理编码器的引用传递到geocodeLatLng函数中，因此它是函数中的null：

var markerCoords = [];
circle.on('click', function (e) {
var curPos = e.target.getLatLng();
markerCoords.push(curPos.lng);
markerCoords.push(curPos.lat);
geocodeLatLng(geocoder);  // <============================================== **here**
});
var geocoder = new google.maps.Geocoder;
function geocodeLatLng(geocoder) { 
var latlng = {lat: parseFloat(markerCoords[1]), lng: parseFloat(markerCoords[0])};
geocoder.geocode({'location': latlng}, function(results, status) {
// ... code to process the result
});
}

Answer 2

这可能是因为谷歌api还没有加载，你可以尝试在其他脚本之前加载它，以确保在调用api之前检查console.log("google api object is", geocoder)和Geocode来验证谷歌是否已经加载。编辑：您不需要geocodeLatLng函数中的geocoder作为参数，正如@geocodezip所指出的，如果您不传递它，它将是未定义的。因为当变量名称相同时，参数将优先于外部范围。

以下程序将给你用户当前位置的地址，你可以通过任何lat，lng并获得其地址：-

//getting location address from latitude and longitude with google api
navigator.geolocation.getCurrentPosition(success, error);
function success(position) {
var lat = position.coords.latitude;
var long = position.coords.longitude;
var geocoder = new google.maps.Geocoder;
console.log("google api object is", geocoder)                
var latlng = { lat: lat, lng: long };
geocoder.geocode({ 'location': latlng }, function (results, status) {
if (status === 'OK') {
if (results[0]) {
console.log(results[0].formatted_address);// this will be actual full address
} else {
alert('No results found');
}
} else {
alert('Geocoder failed due to: ' + status);
}
});
}

function error(err) {
alert("Allow location services!");
}