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.
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
Thank you!