Tile 404 Error when using addSource/addLayer in Mapbox GL JS

Question

I've been working with Mapbox GL JS and working with adding data layers over the base map. For some reason, I keep getting a 404 error on a requested tile even though the data overlay shows up as expected. I've checked and double checked to make sure that I got the source id and source layer references correct, using this as a reference point.

This is the snippet I'm having issues with.

map.addSource('neighborhoods', {
  type: 'vector',
  url: 'mapbox://shortdiv.cj4u72j500fu72qplj0xcusp3-738n8'
})

map.addLayer({
    'id': 'neighborhood-bounds',
    'source': 'neighborhoods',
    'source-layer': 'chicago_neighborhoods',
    'type': 'line',
    'paint': {
      "line-color": "#ad0403",
      "line-width": 2
    }
});

Fiddle for reference

mollymerp · Accepted Answer · 2017-09-15 22:19:15Z

2

It is returning 404 for tiles in areas that contain no data in your custom dataset, so the Mapbox Uploads API did not create the tile, and thus it does not exist and 404s when requested. You're not doing anything wrong and your map should still work as expected. We suppress the errors on the mapbox-gl-js side, but there is no way to suppress the error generated by the browser.

answered Sep 15, 2017 at 22:19

mollymerp

1,60210 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Tile 404 Error when using addSource/addLayer in Mapbox GL JS

1 Answer 1

Comments

Your Answer

Collectives™ on Stack Overflow

Tile 404 Error when using addSource/addLayer in Mapbox GL JS

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related