To use the Maps feature 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 and sign up to create a Mapbox account.
• After signing up, find and copy the Default public token in your Dashboard

• Go to teeinblue > Extras > Extra Services > Map service for searching location > Paste the token to the Mapbox Access token field

• Click Save.

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

Create a Google Places API (optional)

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:

• Create an account in Google Cloud Platform.
• Create a project.
• Setup billing account and link it to the project.
• Go to Google Maps Platform > Credentials page > enable Places API & Maps Javascript API.
• In Credentials page > select "Places API" in the dropdown > click on + Create Credentials button > API key > Copy the generated API key

• Go to teeinblue > Extras > Extra Services > Map service for searching location
• In Map service for searching location, select Google and paste the API key to the Google places api key field.

• Click Save.

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

After finishing, you can start creating Maps personalize options.

• 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

Updated on: 15/08/2024