Saving Map Markers to Firebase

[bobsunscreen]

I’m trying to create an app that, after the user presses a button, saves their current latitude and longitude, as well as what they typed into a text input box, to Firebase - and then use that information to populate map markers. How would I save this information to Firebase in a way that would allow it to be made into map markers? How would I then take that information and turn it into map markers?

[domhnallohanlon]

Hey @bobsunscreen,

here’s a guide to get you started with adding map markers to a project:

Cartographr: How to work with the Map Component

Click to Add Markers One request we hear from Thunkers is the ability to tap on the map component and then add a marker to the location that was just tapped. In this first example we’ll learn how to do just that. Map1.onPress This is the event we need to understand to make everything work. The onPress event has two outputs, coordinate and position - but other than the names of these outputs we don’t know much more about them. Since coordinate seems like the most promising, let’s take a closer l…

And to save this to Firebase, I’d recommend storing everything as an Object.

Hope that helps

[bobsunscreen]

Hi @domhnallohanlon, thanks for your response; I will try that!

[bobsunscreen]

I tried saving the map markers as an object, but now they’re all being saved under the same data key in Firebase. Right now, when I save a new marker, it just replaces the old one. How do I make it so the new markers get saved independently, without replacing old ones? Below is my code:

[domhnallohanlon]

You could create a list and append each new marker to the end of the list?

Or you could dynamically create new key names, and store a list of the keys? (That’s probably more complex than it needs to be)

[bobsunscreen]

Good idea @domhnallohanlon; I’ll try that!