The Google Maps component allows you to put markers on a Map to display multiple locations in your Beezer app.
To add the Google Maps component, please click on the Build section of your Beezer Dashboard and click on Pages section.
Create a new page by clicking the + sign next to Pages option.
Click on Integrations tab, select Google Maps component and click Add Google Maps Component button.
You will need a Google Map API key. You can sign up to the Google Maps Platform at https://developers.google.com/maps/documentation/embed/get-api-key to get the key. To know more about creating the API key, please check this article.
Once you get the Google Map API key, add it in the Content tab of your Google Maps component.
You will now need to create a marker to show the address in the map. Please add the marker name in "Create Google Maps Marker"and click the + sign next to it:
Now click on the created marker and it will take you inside its setting. Add the address you wish to show in your map and you will see it getting displayed as a red marker in the app.
Please Publish your app once you have made all the changes, so they get reflected on your mobile app successfully.
Please note that you must enable Billing on the Google Cloud Project at https://console.cloud.google.com/project/_/billing/enable
Learn more at https://developers.google.com/maps/gmp-get-started
Remember that enabling billing for Google Maps APIs will involve providing payment information and understanding the pricing structure associated with each API you enable. Always review the pricing details and usage quotas to ensure you're aware of any potential charges.
Please note that the steps and interfaces might vary slightly based on updates to the Google Cloud Platform. Make sure to refer to the official documentation for the most accurate and up-to-date instructions.