diff --git a/server/scripts/index.mjs b/server/scripts/index.mjs index 448aa7e..7f8ea9a 100644 --- a/server/scripts/index.mjs +++ b/server/scripts/index.mjs @@ -106,17 +106,34 @@ const init = async () => { // attempt to parse the url parameters const parsedParameters = parseQueryString(); - const loadFromParsed = parsedParameters.latLonQuery && parsedParameters.latLon; + const loadFromParsed = !!parsedParameters.latLon; // Auto load the parsed parameters and fall back to the previous query const query = parsedParameters.latLonQuery ?? localStorage.getItem('latLonQuery'); const latLon = parsedParameters.latLon ?? localStorage.getItem('latLon'); const fromGPS = localStorage.getItem('latLonFromGPS') && !loadFromParsed; - if (query && latLon && !fromGPS) { + if (parsedParameters.latLonQuery && !parsedParameters.latLon) { const txtAddress = document.querySelector(TXT_ADDRESS_SELECTOR); - txtAddress.value = query; - loadData(JSON.parse(latLon)); + txtAddress.value = parsedParameters.latLonQuery; + const geometry = await geocodeLatLonQuery(parsedParameters.latLonQuery); + if (geometry) { + doRedirectToGeometry(geometry); + } + } else if (latLon && !fromGPS) { + // update in-page search box if using cached data, or parsed parameter + if ((query && !loadFromParsed) || (parsedParameters.latLonQuery && loadFromParsed)) { + const txtAddress = document.querySelector(TXT_ADDRESS_SELECTOR); + txtAddress.value = query; + } + // use lat-long lookup if that's all that was provided in the query string + if (loadFromParsed && parsedParameters.latLon && !parsedParameters.latLonQuery) { + const { lat, lon } = JSON.parse(latLon); + getForecastFromLatLon(lat, lon, true); + } else { + // otherwise use pre-stored data + loadData(JSON.parse(latLon)); + } } if (fromGPS) { btnGetGpsClick(); @@ -162,6 +179,26 @@ const init = async () => { document.querySelector('#container').addEventListener('swiped-right', () => swipeCallBack('right')); }; +const geocodeLatLonQuery = async (query) => { + try { + const data = await json('https://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer/find', { + data: { + text: query, + f: 'json', + }, + }); + + const loc = data.locations?.[0]; + if (loc) { + return loc.feature.geometry; + } + return null; + } catch (error) { + console.error('Geocoding failed:', error); + return null; + } +}; + const autocompleteOnSelect = async (suggestion) => { // Note: it's fine that this uses json instead of safeJson since it's infrequent and user-initiated const data = await json('https://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer/find', {