我正在使用Google的地图API对两个地址进行地理编码。我推迟返回的结果,并在获得字符串地址的坐标后使用$.when().then()
方法执行我的逻辑。问题是API总是将结果返回为已解决,即使出现错误也是如此。例如,如果没有互联网连接而不是请求超时,我的状态为ERROR
,结果为null
,或者如果我输入的地址无效,我将获得状态ZERO_RESULTS
并生成空数组[]
。由于我只对获得正确的坐标结果感兴趣,因此我希望将所有其他响应作为地理编码错误处理,我不知道该怎么做。您还可以看到,由于同样的问题,我必须在地理编码之前检查输入字段是否为空。
我刚刚熟悉异步流程并需要一些指导。 我正在使用jquery 1.9.2和谷歌地图APIv3。 (我可以硬编码所有条件,但我想提高我的编码技巧,并有更通用的东西。这是可能的。)
我也会在这里提供我的代码。
function geocode(addString) {
var deferred = $.Deferred();
var geocoder = new google.maps.Geocoder();
var request = {
address: addString
};
geocoder.geocode(request, function(results, status) {
if (status === google.maps.GeocoderStatus.OK) {
deferred.resolve(results[0].geometry.location);
}
else {
// no idea what to do here
}
});
return deferred;
}
function Options() {
var origin = $("#origin-field").val();
var destination = $("#destination-field").val();
if (origin != "" && destination != ""){
var originCoords = geocode(origin);
var destinationCoords = geocode(destination);
$.when(originCoords, destinationCoords)
.then(function(originCoordinates, destinationCoordinates) {
console.log(originCoordinates.lat() + ',' + originCoordinates.lng());
console.log(destinationCoordinates.lat() + ',' + destinationCoordinates.lng());
}, function() {
toastMessage("Geo-coding error");
});
}
else {
toastMessage("Origin and/or Destination missing");
}
}
答案 0 :(得分:0)
感谢this示例解决了我的问题。正如我所说,我刚开始研究异步流程,所以不知道如何解决这个简单的问题。
我所做的只是捕获else块中的所有非OK
状态并将其传递给deferred.reject()
方法。所以我的代码变成了这样。
function geocode(addString) {
var deferred = $.Deferred();
var geocoder = new google.maps.Geocoder();
var request = {
address: addString
};
geocoder.geocode(request, function(results, status) {
if (status === google.maps.GeocoderStatus.OK) {
deferred.resolve(results[0].geometry.location);
}
else {
deferred.reject(status);
}
});
return deferred;
}
function Options() {
var origin = $("#origin-field").val();
var destination = $("#destination-field").val();
var originCoords = geocode(origin);
var destinationCoords = geocode(destination);
$.when(originCoords, destinationCoords)
.then(function(origin, destination) {
//some logic in case of success
}, function(status) {
toastMessage("Geo-coding error:" + status);
});
}