GeoLocation filtering and GPS tacking

It has come up a couple of times how to filter things like lists of events or users that are within a certain distance of your current location. So I built a GeoLocation component that gives you access to the users geolocation data, including latitude, longitude, altitude, speed, and direction.

With that data we can send the data to Xano, Integromat, or any other backend you like and get a filtered list of things that are close to you.

The component code can be found here

And a quick video explaining how you can use the component and Xano to filter your list.

3 Likes

Quick update to my last post. I created the GeoLocation component to fetch the users latitude and longitude, but I still needed to send that data to a backend service to filter the records. I have now added a new component to the same library that will handle filtering the records on the client (this is important to note that it is client side filtering). A quick video can be found here

1 Like

Thank you for this post. I was excited about using Adalo, been exploring for a couple of days, but was about to go elsewhere due to GeoLocate missing, and it being a big part of my planned app.

Does this component have a way to take the Lon & Lat and set a marker in Google maps? I’d like the user to be able to send out a message to family or friends of their current location with a map marker image attached.

Thanks again.

Hi Tammy.

Welcome to the community. There is no straight forward answer to your question except to say probably.

The simplest way to accomplish what you want would be to send an in-app chat message using a web linked google maps. So we would automatically send a text based chat message with the a link https://www.google.com/maps/search/{currentLat from component},+{currentLong from component} then the family members can open the link to get the map representation of where they are everytime they click on the GeoLocation button.

The current Adalo implementation of Google Maps does not support Latitude and Longitude markers, only addresses. If you wanted to have the Map in app, someone would need to modify the currentmap component to support Lat/Long, or you would need a service to convert lat/long into address format. Relatively trivial to accomplish if you are a react-native developer. If you were to do this, you would send a message to everyone to look in the app at the users current location on the map. It would not be an image, it would be the map component with the users location on it as a marker.

Now for the last part, and probably the biggest stumbling block that I don’t have an answer to, is uploading images can not be done automatically. To take an image of the map with the coordinate and upload it in Adalo would be a convoluted process. You would need to create a custom screenshot component, or when modifying the map component mentioned above include the built-in maps screenshot ability. Then save it to the phone and a user would then use the filepicker to upload the image. Sadly you cannot set an action to have an image callback and save it in an image field in the database. You could of course, have the image saved as text data and use another custom component that renders base64 like the html renderer component, but again, it is not a simple no-code solution.

We could also use a service like Twilio or simple SMS messages to send text messages out of app with the image attached to the SMS.

I hope this helps you on your journey. Any more questions, or clarifications feel free to reach out.

2 Likes

Wow, big thank you for such a detailed and thoughtful response. I’m not fixed on the screenshot, I like the idea of the map component sending an in-app message to the component, but I’m not a react developer, unfortunately.

Its a time sensitive project so I’m exploring Flutterflow because they have this component now, but I wasn’t crazy about the fact that they don’t have in-app purchases via the native mechanism. It still allows cc. paypal, google pay, and apple pay, through a component but my preference was native.

That being said, I fully recognize that both platforms are either newish or always developing. But I was a little discouraged when perusing the forum to see so many issues lately as well as complaints of unanswered tickets / poor response from customer service. But I imagine they are growing pains.

I’ll still follow Adalo, it looks like it has great features and potential. As I said before, big thank you for your help. I can see your contribution will help many.

Cheers!

Wow. This. Is. Big!

Now to install nodejs & yarn

3 Likes

@TKOTC

Thanks for your valuable support, but when this component will be available in the marketplace?