'How can I display a data from firebase in a mapbox marker?

So I am working on a project that parking lot owners enters a data about their parking lots (Capacity,price)

Here is the user data from firebase realtime database

And I am using mapbox to interact with the user. So recently I added some locations and popup texts like this: Parking lot popups

How can I implement a code to add the capacity and price info in my database to the related parking lot in map.

My location markers below:

//Adding markers
const marker1 = L.marker([36.888840095155494, 30.70452564170324]).addTo(mymap);
//Adding pop-up message
marker1.bindPopup('VIAPARK OTOPARK&YIKAMA');


//Adding markers
const marker2 = L.marker([36.8863901771444, 30.7104513107456]).addTo(mymap);
//Adding pop-up message
marker2.bindPopup('MEKANIK KATLI OTOPARK');


//Adding markers
const marker3 = L.marker([36.88717964482887, 30.695473855822975]).addTo(mymap);
//Adding pop-up message
marker3.bindPopup('GUVEN OTOPARK');


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source