Does not load traffic layer by default

[AndreyNazarchuk]

This can not show traffic by default, I have to press the traffic button twice to cycle it. there does not seem to be a working method to show traffic on load.

My code looks like this:

mapboxgl.accessToken = 'redacted_privatekey_'; var map = new mapboxgl.Map({ container: 'map', style: 'mapbox://styles/mapbox/streets-v11', zoom: 8, center: [-122, 47.8], }); map.on('load', function() { map.addControl(new mapboxgl.NavigationControl()); map.addControl(new MapboxTraffic({showTraffic: true})); });

[cemelo]

For anyone having the same issue, you need to call the render function after the map is loaded:

  mapboxgl.accessToken = 'redacted_privatekey_';
  const map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v11',
    zoom: 8,
    center: [-122, 47.8]
  });
  
  const traffic = new MapboxTraffic({ showTraffic: true });
  
  map.on('load', () => {
    map.addControl(new mapboxgl.NavigationControl());
    map.addControl(traffic);
    
    traffic.render();
  });