Nothing is being rendered

[helloimalastair]

Hey y'all!

Trying to get my new tile server started, and I've hit a weird snag. The tileserver seems to be responding with tiles correctly, but when MapLibre attempts to render it, all it generates is a tan background. I can see it making the requests correctly, and it isn't logging any errors, so I'm kind of stumped on what the issue might be...

I initially thought it had something to do with me choosing invalid coordinates, since I only generated tiles for Denmark, but whether I set it to coordinates within Denmark, or just plain 0/0/0, it still doesn't render anything.

Anyone have any ideas what I might be missing?

Demo
Code for Demo

[HarelM]

maplibre doesn't support mapbox:// protocol.
I haven't looked too deeply into the code, but I would advise to start of with the examples and the tiles used there and complicate things as you get familiar with the library and stack.

[helloimalastair]

Rereading my code after a few days, do you think it might have something to do with the fact that I don't have an API key for Maptiler? I've been looking for how to host glyphs on my own, but still not sure how...

On the topic of the mapbox:// link, wasn't that just in the metadata? I would assume that wouldn't have any effect on the actual rendering, so I removed it.

[zerda-ocm]

The tiles your tileserver serves, appear to be empty:
https://observablehq.com/@henrythasler/mapbox-vector-tile-dissector

Your issue seems to be the tile generation.

[helloimalastair]

It's really odd. I was able to get it to generate a rough outline of the map before, with just the landmass shown, but now nothing loads at al...

[zerda-ocm]

How do you generate your tiles (OpenMapTiles, planetiler, etc)? And what tileserver do you use?

[helloimalastair]

I'm using Protomaps' PMTiles system, with a Cloudflare Workers/R2 Tileserver.

To generate the .pmtiles file, I download an .osm.pbf file from Geofabrik, run it through tilemaker to convert to .mbtiles, and then through the pmtiles CLI.

[zerda-ocm]

You can use the PMTiles Viewer to see what data your pmtiles contain.
https://protomaps.github.io/PMTiles/

Is there a reason why you use a tileserver? The benefit of pmtiles is, that there is no need for a tileserver:
https://github.com/protomaps/PMTiles/blob/main/js/examples/maplibre.html

[helloimalastair]

This is the output on the PMTiles viewer:

By Tileserver, I just meant their Cloudflare Adapter, which takes the coordinate format in the URL(z.x.y.mvt), and turns it into Range Requests in R2. It is only a tile server in the sense that it "serves tiles", but it doesn't actually generate them on-the-spot.

[zerda-ocm]

I don't have any experience with the Cloudfare Adapter, but I am using https://github.com/protomaps/PMTiles/blob/main/js/examples/maplibre.html without problems.
(has the benefit you don't have to pay for Cloudflare Workers)

[helloimalastair]

Weird... I'm still getting nothing rendered, even though I can see the 206 Partial Content Responses in the Network Tab...

Demo

If it matters, it is still running through a Worker, but this time, it is just a straight proxy to the R2 custom domain:

const html = `HTML_STRING`; // Cut for brevity
export default {
  async fetch(req) {
    const url = new URL(req.url);
    if(url.pathname === "/") {
      return new Response(html, {
        headers: {
          "content-type": "text/html"
        }
      });
    }
    let res = await fetch(req);
    res = new Response(res.body, res);
    res.headers.set("access-control-allow-origin", "*");
    res.headers.set("access-control-allow-methods", "GET, OPTIONS");
    return res;
  }
}

[zerda-ocm]

see attached file for a simple example that works with your provided pmfile:
test_goalastair.zip

[helloimalastair]

Ok, seems to be working, at least a bit. Demo. Though, is there a way to get it to render the different surfaces/street names, rather than just basic shapes?

[zerda-ocm]

https://github.com/openmaptiles/maptiler-basic-gl-style/blob/master/style.json is a good starting point.

Street names for example are defined in the layer "road_major_label"

Regarding surfaces: You have to update your tilemaker process to have this information included in your pmtiles.

[helloimalastair]

Just to clarify, does this config not cover the required Surface generation?
Looks like it does generate most of the layers required, but weirdly, only some of the bodies of water are present. Is that because I only selected the map for Denmark? Because it is also cutting out some of the bodies of water within Denmark's borders: Demo

Also, for the glyphs/sprites in the style config, is there a good place where I can find some resources for self-hosting these?

[zerda-ocm]

Could be a missing file in your tilemaker setup: "coastline/water_polygons.shp", but I haven't used tilemaker and therefore don't really know.

glyphs:
https://github.com/openmaptiles/fonts
https://github.com/maplibre/font-maker

[helloimalastair]

Thanks anyway! Hope you have a nice week!