jQueryの助けを借りてGoogle 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 郵便番号を検索する必要があります。
前もって感謝します。