我在 jQuery 的帮助下使用谷歌 API 使用地理编码。以下是我尝试过的代码。
jQuery(document).ready(function () {
var geocoder = new google.maps.Geocoder();
jQuery('AddressPicker1').autocomplete({
source: function (request, response) {
geocoder.geocode({ address: request.term}, function (results, status) {
if (status === google.maps.GeocoderStatus.OK) {
response(jQuery.map(results, function(item) {
var streetNumber = "";
var streetName = "";
var cityName = "";
var zip = "";
var country = "";
var countyName = "";
var state = "";
for ( var component =0; component < item.address_components.length; component++ ) {
if (item.address_components[component] != undefined && item.address_components[component] != null ) {
if ( jQuery.inArray("street_number", item.address_components[component].types) > -1 ){
streetNumber = item.address_components[component].long_name;
}
if ( jQuery.inArray("route", item.address_components[component].types) > -1){
streetName = item.address_components[component].long_name;
}
if ( jQuery.inArray("locality", item.address_components[component].types) > -1){
cityName = item.address_components[component].long_name;
}
if ( jQuery.inArray("postal_code", item.address_components[component].types) > -1){
zip = item.address_components[component].long_name;
}
if ( jQuery.inArray("country", item.address_components[component].types) > -1){
country = item.address_components[component].long_name;
}
if ( jQuery.inArray("administrative_area_level_2", item.address_components[component].types) > -1){
countyName = item.address_components[component].long_name;
}
if ( jQuery.inArray("administrative_area_level_1", item.address_components[component].types) > -1){
state = item.address_components[component].short_name;
}
}
}
return {
label : item.formatted_address,
value : item.formatted_address,
latitude : item.geometry.location.lat(),
longitude : item.geometry.location.lng(),
streetNo : streetNumber,
streetName : streetName,
city : cityName.toUpperCase() ,
zip : zip,
country : country,
county : countyName.toUpperCase(),
state : state
}
}));
}
});
},
select: function (event, ui) {
jQuery('StreetNumber').val(ui.item.streetNo);
jQuery('StreetName').val(ui.item.streetName);
jQuery('City').val(ui.item.city);
jQuery('Zip').val(ui.item.zip);
jQuery('Country').val(ui.item.country);
jQuery('CountyName').val(ui.item.county);
jQuery('StateCode').val(ui.item.state);
jQuery('GeocodedLatitude').val(ui.item.latitude);
jQuery('GeocodedLongitude').val(ui.item.longitude);
}
我在搜索加上 4 个邮政编码时遇到了问题。我没有在回复中得到额外的 4 位数字。例如,对于搜索文本,“60 MAIN ST,HUNTINGTON NY 11743-6961”。我通过响应中的“postal_code”属性检索了“11743”。但我无法从响应中检索“6961”。
在这种情况下,是否有任何选项可以获取完整的邮政编码?
或者我需要尝试其他方式来搜索加 4 个邮政编码。
提前致谢。