X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/3d3b2b47964ec91ef1ab1946b7258a06665caced..847d2c544b84d54de074213241ab813165395261:/app/assets/javascripts/index/directions-endpoint.js diff --git a/app/assets/javascripts/index/directions-endpoint.js b/app/assets/javascripts/index/directions-endpoint.js index 90e95857f..0b52d3d4c 100644 --- a/app/assets/javascripts/index/directions-endpoint.js +++ b/app/assets/javascripts/index/directions-endpoint.js @@ -104,7 +104,13 @@ OSM.DirectionsEndpoint = function Endpoint(map, input, iconUrl, dragCallback, ch const viewbox = map.getBounds().toBBoxString(), // ,,, geocodeUrl = OSM.NOMINATIM_URL + "search?" + new URLSearchParams({ q: endpoint.value, format: "json", viewbox }); - endpoint.geocodeRequest = $.getJSON(geocodeUrl, function (json) { + endpoint.geocodeRequest = new AbortController(); + fetch(geocodeUrl, { signal: endpoint.geocodeRequest.signal }) + .then(r => r.json()) + .then(success) + .catch(() => {}); + + function success(json) { delete endpoint.geocodeRequest; if (json.length === 0) { input.addClass("is-invalid"); @@ -119,7 +125,7 @@ OSM.DirectionsEndpoint = function Endpoint(map, input, iconUrl, dragCallback, ch input.val(json[0].display_name); changeCallback(); - }); + } } function getReverseGeocode() { @@ -127,7 +133,13 @@ OSM.DirectionsEndpoint = function Endpoint(map, input, iconUrl, dragCallback, ch { lat, lng } = latlng, reverseGeocodeUrl = OSM.NOMINATIM_URL + "reverse?" + new URLSearchParams({ lat, lon: lng, format: "json" }); - endpoint.geocodeRequest = $.getJSON(reverseGeocodeUrl, function (json) { + endpoint.geocodeRequest = new AbortController(); + fetch(reverseGeocodeUrl, { signal: endpoint.geocodeRequest.signal }) + .then(r => r.json()) + .then(success) + .catch(() => {}); + + function success(json) { delete endpoint.geocodeRequest; if (!json || !json.display_name) { endpoint.cachedReverseGeocode = { latlng: latlng, notFound: true }; @@ -137,7 +149,7 @@ OSM.DirectionsEndpoint = function Endpoint(map, input, iconUrl, dragCallback, ch endpoint.value = json.display_name; input.val(json.display_name); endpoint.cachedReverseGeocode = { latlng: latlng, value: endpoint.value }; - }); + } } function setLatLng(ll) {