need test tilejson for integration test with maplibre-native

[cjbd]

hello, i have been playing with maplibre-native for a while, and i'm using mbgl-glfw --style https://demotiles.maplibre.org/style.json to render map

i'm starting to learn martin now, i've downloaded martin binary and world_cities.mbtiles

./martin world_cities.mbtiles
[2025-02-27T03:02:23Z INFO  martin] Starting Martin v0.15.0
[2025-02-27T03:02:23Z INFO  martin] Config file is not specified, auto-detecting sources
[2025-02-27T03:02:23Z INFO  martin::config] Initializing main cache with maximum size 536870912B
[2025-02-27T03:02:23Z INFO  martin::file_config] Configured source world_cities from /home/jin/martin/world_cities.mbtiles
[2025-02-27T03:02:23Z INFO  martin] Use --save-config to save or print Martin configuration.
[2025-02-27T03:02:23Z INFO  martin] Martin has been started on 0.0.0.0:3000.
[2025-02-27T03:02:23Z INFO  martin] Use http://0.0.0.0:3000/catalog to get the list of available sources.
[2025-02-27T03:02:23Z INFO  martin] Web UI is disabled. Use `--webui enable-for-all` in CLI or a config value to enable it for all connections.

the server is up, but it seems document: https://maplibre.org/martin/using-with-maplibre.html only gives example on how to use it with maplibre gl js, how can i create a tilejson file to make it work for maplibre-native?

like mbgl-glfw --style world_cities.json

thanks!

[cjbd]

did you mean i can use maplibre-native to render world_cities.mbtiles directly without server? i don't see any option for that, if i pass the file with --style, it shows black screen, with error message saying parse style failed

please let me know how to use that world_cities.mbtiles with maplibre-native, thanks!

$ ./mbgl-glfw-es -h
  ./mbgl-glfw-es {OPTIONS}

    MapLibre Native GLFW example

  OPTIONS:

      -h, --help                        Display this help menu
      -f, --fullscreen                  Toggle fullscreen
      -b, --benchmark                   Toggle benchmark
      -o, --offline                     Toggle offline
      --testDir=[directory]             Root directory for test generation
      --backend=[backend]               Rendering backend
      -t[key], --apikey=[key]           API key
      -s[URL], --style=[URL]            Map stylesheet
      -c[file], --cache=[file]          Cache database file name
      -x[degrees], --lon=[degrees]      Longitude
      -y[degrees], --lat=[degrees]      Latitude
      -z[number], --zoom=[number]       Zoom level
      -b[degrees], --bearing=[degrees]  Bearing
      -p[degrees], --pitch=[degrees]    Pitch

[CommanderStorm]

Ah, fuck.
My comment above is utter nonsense: I mistook geojson and tilejson (rookie mistake)

Lets continue in below thread ^^

[cjbd]

i figure it out myself, after martin server is up, localhost:3000/catalog gives all the tiles being served, localhost:3000/world_cities is the tilejson:

curl localhost:3000/world_cities (click to expand)

{
    "tilejson": "3.0.0",
    "tiles": [
        "http://localhost:3000/world_cities/{z}/{x}/{y}"
    ],
    "vector_layers": [
        {
            "id": "cities",
            "fields": {
                "name": "String"
            },
            "description": "",
            "maxzoom": 6,
            "minzoom": 0
        }
    ],
    "bounds": [
        -123.12359,
        -37.818085,
        174.763027,
        59.352706
    ],
    "center": [
        -75.9375,
        38.788894,
        6
    ],
    "description": "Major cities from Natural Earth data",
    "maxzoom": 6,
    "minzoom": 0,
    "name": "Major cities from Natural Earth data",
    "version": "2",
    "format": "pbf"
}

However it doesn't play well with maplibre-native, it seems the style spec is outdated:

./mbgl-glsw -s http://localhost:3000/world_cities (click to expand)

./mbgl-glsw -s http://localhost:3000/world_cities
================================================================================

- Press `S` to cycle through bundled styles
- Press `X` to reset the transform
- Press `N` to reset north
- Press `R` to enable the route demo
- Press `E` to insert an example building extrusion layer
- Press `O` to toggle online connectivity
- Press `Z` to cycle through north orientations
- Press `X` to cycle through the viewport modes
- Press `I` to delete existing database and re-initialize
- Press `A` to cycle through Mapbox offices in the world + dateline monument
- Press `B` to cycle through the color, stencil, and depth buffer
- Press `D` to cycle through camera bounds: inside, crossing IDL at left, crossing IDL at right, and disabled
- Press `T` to add custom geometry source
- Press `F` to enable feature-state demo
- Press `U` to toggle pitch bounds
- Press `H` to take a snapshot of a current map.
- Press `J` to take a snapshot of a current map with an extrusions overlay.
- Press `Y` to start a camera fly-by demo

- Press `1` through `6` to add increasing numbers of point annotations for testing
- Press `7` through `0` to add increasing numbers of shape annotations for testing

- Press `Q` to query annotations
- Press `C` to remove annotations
- Press `K` to add a random custom runtime imagery annotation
- Press `L` to add a random line annotation
- Press `W` to pop the last-added annotation off
- Press `P` to pause tile requests

- Hold `Control` + mouse drag to rotate
- Hold `Shift` + mouse drag to tilt

- Press `F1` to generate a render test for the current view

- Press `Tab` to cycle through the map debug options
- Press `Esc` to quit

================================================================================

[WARNING] {mbgl-glfw}[ParseStyle]: current renderer implementation only supports style spec version 8; using an outdated style will cause rendering errors
[INFO] {mbgl-glfw}[General]: Exit location: --lat="47.419217" --lon="11.566239" --zoom="15.281900" --bearing="129.902000"

[CommanderStorm]

No, that won't work, sorry for the confusion and the terrible support ^^.

Maplibre-native expects a style spec via -s, while you are giving it the definition of a vector layer (in clear english: maplibre-native has no clue how to display said data).
https://github.com/maplibre/maplibre-native/blob/7339fb91fd4a726fd312cc88a94cc949b03f8824/platform/glfw/main.cpp#L50

You can design your style (mostly) using maputnik and then give that style to maplibre-{native,gl}.

In the sources block of the style spec or via the respective methods, you can add sources:
https://maplibre.org/martin/using-with-maplibre.html
We could separate the docs better for maplibe-{gl,native} on martins' docs side.

Here is the style spec part of how to define a vector source:
https://maplibre.org/maplibre-style-spec/sources/#vector

[cjbd]

@CommanderStorm , thank you for your update!
i was thinking the same, i created a test.json file, and used vscode extension, nothing shows, except the background,

and today i tried with maputnik, the tool is generating similar style json file, only this time it gives error message: Error: CORS policy won't allow fetching resources served over http from https, use a https:// domain

is it because i must serve source over https? thank you!

{
    "layers": [
        {
            "id": "background",
            "type": "background",
            "paint": {
                "background-color": "#D8F2FF"
            },
            "filter": [
                "all"
            ],
            "layout": {
                "visibility": "visible"
            },
            "maxzoom": 24
        },
        {
            "id": "world_cities",
            "type": "line",
            "paint": {
                "line-blur": 0.5,
                "line-color": "#198EC8",
                "line-width": {
                    "stops": [
                        [
                            0,
                            2
                        ],
                        [
                            6,
                            6
                        ],
                        [
                            14,
                            9
                        ],
                        [
                            22,
                            18
                        ]
                    ]
                }
            },
            "filter": [
                "all"
            ],
            "layout": {
                "line-cap": "round",
                "line-join": "round",
                "visibility": "visible"
            },
            "source": "maplibre",
            "maxzoom": 24,
            "minzoom": 0,
            "source-layer": "cities"
        }
    ],
    "sources": {
        "maplibre": {
            "url": "http://localhost:3000/world_cities",
            "type": "vector"
        }
    },
    "version": 8
}

[CommanderStorm]

When you are using the web editor, you are using https.
Cors does prevent you from mixing http + https websites.

You can either disable cors in your browser, use a local installation of maputnik to preview styles or serve Marin via https.

To shortcut you:
Feel free to use https://nav.tum.de/tiles/openmaptiles to demo martin on OSM data.
Don't use said url in production though, I will move from openmaptiles to shortbread sometime next month.

[cjbd]

thank you!