The Google Maps component allows you to put markers on a Map to display multiple locations in your Beezer app.
To integrate Google Maps into your app, please follow the instructions listed below.
Step 1: Log in to your Beezer Admin Dashboard.
Step 2: Click on the Build section -> Either select an existing page or click the "+" to add a new page.
Step 3: Click on the Integrations tab, select the "Google Maps" component, and click the "Add Google Maps Component" button.
Step 4: 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.
Step 5: Once you get the Google Map API key, add it to the Content tab of your Google Maps component.
Step 6: 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:
Step 7: 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.
To get started, it's important to activate Billing for your Google Cloud Project. 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.