For your maps, you can use Google Maps or Mapbox GL.
Google Maps API
Before you start using the Maps JavaScript API, you need a project with a valid billing account and multiple enabled APIs. To learn more, see how to Get an API Key.
After you follow the Google guide on how to generate such a key, navigate to Listing Types Settings Integration Maps and insert your key into the field Google map API key, then save the changes.
The APIs
Back to your Google Developers Console, make sure that you have the following APIs enabled:
- Maps JavaScript API
- Places API
- Geocoding API
- Apart from the APIs, make sure that you have a valid billing method, otherwise your request won’t be approved.
Billing
Google Maps are not a free service. They will give you some free views each month, but when you start getting some serious traffic, it will start charging you, using your primary billing method.
Here you can check the pricing options.
Mapbox Access Token
To use Mapbox GL JS, you need to have a Mapbox access token. This access token associates your map with a Mapbox account. For more information on creating and using access tokens, see our token management documentation.