> For the complete documentation index, see [llms.txt](https://doc.travelhour.mrb-lab.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.travelhour.mrb-lab.com/app/5.-google-map-setup.md).

# 5. Google Map Setup

In this step, you need to get a Google Map API key from Google Cloud Console. This is required to set up Google Maps on the app and other related features.

* First of all, go to this ​[URL](https://console.cloud.google.com/google/maps-apis/start).​
* Make sure you have selected your project.

<div align="left"><figure><img src="https://lh5.googleusercontent.com/6Ug4mBzocFwcGbfyV4lbP9GOWhTZEbRtAm0S-eCkKHkkJkEL8xiHOpcxMs0DzTRCjV6XYt0Tb0XrCBLtMg5FodZgoPCeT9Fv-uVZpA0VCt6UfSpl_P3HUa8cPSk59tLk5l8wzCT67eGY9eI3EQqgbA" alt=""><figcaption></figcaption></figure></div>

* Go to the APIs tab and enable these (4) APIs.

> 1. Directions API
> 2. Places API
> 3. Maps SDK for Android
> 4. Maps SDK for iOS<br>

* Click on the menu button (Top Left) and select **APIs & Services**.
* Go to the **Credentials** Tabs and click create credential then click **API key**.

<div align="left"><figure><img src="/files/YeJ6wsDr0kenRpQ8dxvi" alt=""><figcaption></figcaption></figure></div>

* Copy that **API key** and go to **​lib/config/config.dart** file​ and replace it with your google map API key.

{% hint style="info" %}
Most importantly, you have to add billing on your Google Cloud Console. If not, Google Map API key won’t work.
{% endhint %}