I am trying to make it so the map in my app only loads markers within a 50 mile radius of the user’s current location. (I am saving the map marker latitudes and longitudes to Airtable.) Is this possible? If so, how would I go about coding this?

In the simplest case, you need to calculate the distance between two markers. if it is less than the specified radius, then output the marker.

You can also view the API for working with maps that already have a function for determining the distance between two coordinates on the map

Okay, thank you! Could you direct me to a Thunkable app that utilizes a function that determines the distance between two coordinates?

See this app! I am working on videos and polishing the app currently but can answer questions via dm

1 Like

Here is a general page on the calculations. Then you can use Thunkable’s math functions.

1 Like

That is a good suggestion @drted, did you check out the app I linked to above? it demonstrates how to tie into a backend that does the work for you. It does search in radius and loads markers within a set radius of the user. all the phone does is send the query and load the markers!

Haversine is good. but iit only tells you distance. you’d have to do this for each point on the map, right?

``````function haversineDistance(coords1, coords2, isMiles) {
return x * Math.PI / 180;
}

var lon1 = coords1;
var lat1 = coords1;

var lon2 = coords2;
var lat2 = coords2;

var R = 6371; // km

var x1 = lat2 - lat1;
var x2 = lon2 - lon1;
var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) +
Math.sin(dLon / 2) * Math.sin(dLon / 2);
var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
var d = R * c;

if(isMiles) d /= 1.60934;

return d;
}
``````
1 Like

jared, yes the backendless WebAPI is super slick and MUCH easier than “Rolling your own” solution. Sometimes it is nice (and FUN!) to do it yourself. Doing it within thunkable does have the advantage of reducing external dependencies. Thunkable has enough of those that we have all felt the pain of a third party modification changing thunkable behavior breaking our apps. 2 Likes

Thanks @jared and @drted! I’ll play around with these methods.