Blank map tiles - Error 410 gone (Mapbox & Leaflet JS)

Question

I am using Leaflet JS and MapBox to create a map. My browser displays as below:

The map does not show at all, my map tile is blank. The errors that I get in t

Answer 1

Mapbox mapbox.streets tiles was deprecated for new static styles api.

Old url: https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=

New url: https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=

Also replace mapbox.streets for mapbox/streets-v11 in id parameter of L.tileLayer() object.

Official docs: https://docs.mapbox.com/api/maps/#static-tiles