> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.teeinblue.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Connect Mapbox & Google Maps account

To use the [Maps feature](https://support.teeinblue.com/en/article/how-to-use-maps-feature-12xvhzm/?bust=1627917111946) in teeinblue, you will need to sign up and pay for a 3rd-party map service.
Currently teeinblue uses:
* **Mapbox** to display maps and create map styles.
* **Mapbox** or **Google Maps API** to search locations.

Therefore, you need to create a Mapbox account (and Google Places API - optional), and link it to teeinblue.

# Connect Mapbox account
* Go to [mapbox.com](https://mapbox.com) and sign up to **create a Mapbox account**.
* After signing up, find and copy the **Default public token** in your Dashboard

![mapbox-public-token](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_9e51i2.png)

* Go to **Teeinblue Portal, navigate to Extras > 3rd-party Services > Map > Choose Mapbox > Paste the API Key there**

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_1td4hzr.png)

* Click **Save**.
Now you can use the Mapbox's map styles & search location in teeinblue.

# Create a Google Places API (optional)

|| This step is necessary if you want to use the search location API of Google instead of Mapbox.

Before switching to Google Places API, here are some pros & cons you should know:
* Pros: Google has a richer and more accurate database of places.
* Cons: Fee for searching is more expensive.

If you still plan to use Google, here're the steps to do:

||| **NOTE**: As of March 1st, 2025,Google has introduced a new version of its address search tool (PlaceAutocompleteElement) to replace the legacy version. New Installations: The legacy tool is no longer available for new setups. You must use the new version moving forward.

* Create an account in [Google Cloud Platform](https://console.cloud.google.com/).
* Create a project.
* Setup billing account and link it to the project.
* Go to Google Maps Platform > [Credentials page](https://console.cloud.google.com/project/_/google/maps-apis/credentials?_ga=2.164850879.1467255181.1627533654-673143860.1604553356) > enable **Places API (new)** & **Maps Javascript API**.
* In Credentials page > select **Places API (new)** in the dropdown > click on **+ Create Credentials** button > **API key** > Copy the generated API key

![Create API key in Places API](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1hgr4h9.png)
* Go to **Teeinblue Portal, navigate to Extras > 3rd-party Services > Map > Choose Google > Paste the API Key there**

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_1og92sc.png)

* Click **Save**.
Now teeinblue will use the search function of Google instead of Mapbox.

![Search location](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1rv05kc.png)

After finishing, you can start creating [Maps personalize options](https://support.teeinblue.com/en/article/how-to-use-maps-feature-12xvhzm/?bust=1627917111946).

|| If the search by google is not available in your store yet, please check the following possible reasons: 

* Setup billing account in Google Cloud Platform
* Link the billing account to the project 
* Maps Javascript API is enabled
* API key is from Places API
* No restriction in API key