json - Publishing MBTiles online, issue with .json file or mb-util extraction

Question

I've been trying to display my .mbtiles on the browser inside a "map-div". I extracted the .mbtiles into .png tile files and a .json file using mb-util

This is how my server's public_html looks like:

Tiles folder:

metadata.json inside tiles folder:

And main javascript file java.js:

Inside java.js there's the code from the Wax connector so I can use the .json to work with Leaflet.

The map in this state does not work.

So I uploaded the mbtiles file to the MapBox hosting and fetch the .json URL. And when the URL http://testit969.host22.com/tileserver/century.json in java.js is replaced by the Mapbox generated .json URL, it displays the map (although the interactivity doesn't work). This shows me at least that the code is sufficient to display a map provided the .json file is OK.

But right now, the map doesn't display at all. It displays the Leaflet map container only in gray.

Any help would be appreciated.

Answer 1

请使用MapBox.js v1.x或更高版本 - 不再支持旧式 Wax/Leaflet 集成。我们可以在support.mapbox.com提供更好的帮助。