Connect Mapbox & Google Maps account
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.
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.
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:
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.
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
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)
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:
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.
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
Updated on: 15/08/2024
Thank you!