If this page doesn’t load, your access token is faulty. Head to your apps page, generate a new access token, and try again.
You’re using v3 of the maps API
Check your code to see if you’re requesting v3. If you’re still using v3, you’ll need to update to v4. You’ll also need to pass one of your access tokens with the request.
Your map is hidden
If you’re hiding your map initially with something like display:none and
and sizing correctly.
The map can’t figure out its own size when it’s hidden from the page,
since it doesn’t have a size in the browser’s calculation.
With Mapbox GL JS you can call map.resize() to detect and resize the map and with Mapbox.js you can call map.invalidateSize() to invalidate the size of your map.
Mapbox GL JS
When working with Mapbox GL JS, call map.resize() on the map object after its containing element is resized or shown:
// your code that shows the map div$('#map-div').show();// detect the map's new width and height and resize itmap.resize();