JSFiddle - React, Tailwind, and code Playground
HTML
<div id="result1">Result</div>
<div id="result2">Result</div>
<div id="result3">Result</div>
<div id="result4">Result</div>
JavaScript
$(document).ready(function () {
var res = 1;
var lati = 40.714353;
var longi = -74.005973;
var loop = setInterval(request, 500);
function request() {
$.ajax({
type: 'GET',
url: "http://nominatim.openstreetmap.org/reverse",
dataType: 'jsonp',
jsonpCallback: 'data',
data: { format: "json", lat: lati+res, lon: longi+res, zoom: 18, addressdetails: 1, json_callback: 'data' },
error: function(xhr, status, error) {
$('#result').html(error);
res++;
},
success: function(data){
$('#result'+res).html(data.display_name);
res++;
}
});
if(res == 4) clearInterval(loop);
}
});