Handle address data more gracefully
Helps avoid having embarrassments at the conference
This commit is contained in:
parent
69eabe4e85
commit
6fe107601e
3 changed files with 18 additions and 11 deletions
|
|
@ -78,11 +78,11 @@
|
|||
longitude.value = location.geometry.coordinates[0];
|
||||
latlngAccuracyType.value = props.precision;
|
||||
latlngAccuracyValue.value = props.distance;
|
||||
number.value = props.address_components.number;
|
||||
postalcode.value = props.address_components.postal_code;
|
||||
locality.value = context.whosonfirst.locality.name;
|
||||
region.value = context.whosonfirst.region.abbreviation;
|
||||
street.value = props.address_components.street;
|
||||
number.value = props.address_components?.number ?? "";
|
||||
postalcode.value = props.address_components?.postal_code ?? "";
|
||||
locality.value = context.whosonfirst?.locality?.name ?? "";
|
||||
region.value = context.whosonfirst?.region?.abbreviation ?? "";
|
||||
street.value = props.address_components?.street ?? "";
|
||||
}
|
||||
function toggleCollapse(something) {
|
||||
el = document.getElementById(something);
|
||||
|
|
|
|||
|
|
@ -78,11 +78,11 @@
|
|||
longitude.value = location.geometry.coordinates[0];
|
||||
latlngAccuracyType.value = props.precision || 0;
|
||||
latlngAccuracyValue.value = props.distance || 0;
|
||||
number.value = props.address_components.number;
|
||||
postalcode.value = props.address_components.postal_code;
|
||||
locality.value = context.whosonfirst.locality.name;
|
||||
region.value = props.context.whosonfirst.region.abbreviation;
|
||||
street.value = props.address_components.street;
|
||||
number.value = props.address_components?.number ?? "";
|
||||
postalcode.value = props.address_components?.postal_code ?? "";
|
||||
locality.value = context.whosonfirst?.locality?.name ?? "";
|
||||
region.value = context.whosonfirst?.region?.abbreviation ?? "";
|
||||
street.value = props.address_components?.street ?? "";
|
||||
}
|
||||
function toggleCollapse(something) {
|
||||
el = document.getElementById(something);
|
||||
|
|
|
|||
|
|
@ -201,7 +201,14 @@ class AddressInput extends HTMLElement {
|
|||
}
|
||||
|
||||
SetValue(suggestion) {
|
||||
this.value = suggestion.properties.formatted_address_line;
|
||||
const props = suggestion.properties;
|
||||
if (props.formatted_address_line) {
|
||||
this.value = props.formatted_address_line;
|
||||
} else if (props.address_components) {
|
||||
this.value = `${props.address_components.number ?? ""} ${props.address_components.street ?? ""}, ${props.coarse_location ?? ""}`;
|
||||
} else {
|
||||
this.value = `${props.name ?? ""}, ${props.coarse_location}`;
|
||||
}
|
||||
this._suggestions.innerHTML = "";
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue