IDX Map to Google Maps Tutorial

1. Add your Google Maps API Key

The first time you access to the IDX Map to Google Maps app, you will see a page like the following:

Click on the API Keys link to be redirected to that page.

In the API Keys page, enter your Google Maps API Key.

If you hover over the "i" symbol, you'll find this link: https://developers.google.com/maps/documentation/javascript/get-api-key that explains how to generate your Google Maps key.

We will verify that it's a valid API Key.

If it's not valid, an error message will appear.

If it's valid, just click on the Save button to save the settings.

2. Activate the IDX Map to Google Maps addon

It's as easy as turning on the IDX to Google Map Service at the top of the app's page! You can toggle the service on and off whenever you want to.

3. Select a style for your Google Map

Click on Explore Styles for your Map to display a window with multiple styles.

After you've selected the style, confirm your selection by clicking on Continue.

The style has been saved for your Google Map!