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:
![IDX Map to Google Maps default page](https://res.cloudinary.com/dscqcqtjn/image/upload/q_auto:eco/v1626974702/Apps/IDXMapToGoogleMaps/2_hq9guw.png)
Click on the API Keys link to be redirected to that page.
![IDX Map to Google Maps default page](https://res.cloudinary.com/dscqcqtjn/image/upload/q_auto:eco/v1626974702/Apps/IDXMapToGoogleMaps/2_hq9guw.png)
In the API Keys page, enter your Google Maps API Key.
![API Keys page, Google Maps field is highlighted](https://res.cloudinary.com/dscqcqtjn/image/upload/q_auto:eco/v1626974912/Apps/IDXMapToGoogleMaps/3_esgi6d.png)
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.
![Verifying API Key message](https://res.cloudinary.com/dscqcqtjn/image/upload/q_auto:eco/v1626975101/Apps/IDXMapToGoogleMaps/4_evn9gi.png)
If it's not valid, an error message will appear.
![Verifying API Key error message](https://res.cloudinary.com/dscqcqtjn/image/upload/q_auto:eco/v1626975177/Apps/IDXMapToGoogleMaps/5_qls5kx.png)
If it's valid, just click on the Save button to save the settings.
![API Keys Save button](https://res.cloudinary.com/dscqcqtjn/image/upload/q_auto:eco/v1626975242/Apps/IDXMapToGoogleMaps/6_ghyb7o.png)
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.
![Turn IDX Map to Google Maps service not enabled](https://res.cloudinary.com/dscqcqtjn/image/upload/q_auto:eco/v1626975353/Apps/IDXMapToGoogleMaps/7_f4skcg.png)
![Turn IDX Map to Google Maps service enabled](https://res.cloudinary.com/dscqcqtjn/image/upload/q_auto:eco/v1626975430/Apps/IDXMapToGoogleMaps/8_s9gxrb.png)
3. Select a style for your Google Map
Click on Explore Styles for your Map to display a window with multiple styles.
![Available Snazzy Maps styles](https://res.cloudinary.com/dscqcqtjn/image/upload/q_auto:eco/v1626975485/Apps/IDXMapToGoogleMaps/9_qjfvsc.png)
After you've selected the style, confirm your selection by clicking on Continue.
![Confirmation popup for selected style](https://res.cloudinary.com/dscqcqtjn/image/upload/q_auto:eco/v1626975595/Apps/IDXMapToGoogleMaps/10_jnf7iq.png)
The style has been saved for your Google Map!
![Saved settings in the Setup tab](https://res.cloudinary.com/dscqcqtjn/image/upload/q_auto:eco/v1626975759/Apps/IDXMapToGoogleMaps/11_u9jpio.png)