Integration

Our Tile Services integrates easly with Mapbox. You only need to tell Mapbox to put the x-client-id header on the request. To do that, you can use transformRequest in your Mapbox constructor.

Example

Here is a snippet to give you an idea of how this will look when we combine everything together;

Tile Service / Mapbox Integration
var map = new mapboxgl.Map({  container: 'map',  center: [-122.420679, 37.772537],  zoom: 13,  transformRequest: (url, resourceType)=> {    if(resourceType === 'Tile' && url.startsWith('https://api-2.chargetrip.io')) {       return {        url: url,        headers: { "x-client-id": "YOUR_CLIENT_ID_HERE" },      }    }  }});