Can't display Geoserver vector tile

[bzzzggz]

I am using Geoserver as the data source and designed a map with Maputnik.

When I try to test it with olms, the map didn't load with no error code.

Code am using:

//olms('map', 'https://api.mapbox.com/styles/v1/mapbox/bright-v9?access_token=' + key); olms('map', './data/basemap.json');

The map loading properly with Mapbox style.

I also test the json file with Mapbox gl js for Leaflet, works fine as well.

The vector tile link used in Mapbox style format is:

https://maps.xxx.xxxx/geoserver/gwc/service/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&LAYER=GIS_Data_Public%3Abasemap&STYLE=&TILEMATRIX=EPSG:3857:{z}&TILEMATRIXSET=EPSG:3857&FORMAT=application/vnd.mapbox-vector-tile&TILECOL={x}&TILEROW={y}

Not sure which part is wrong.

Thanks.

[ahocevar]

If you use ol-mapbox-style's default export (olms() in your snippet) to append layers to an existing map, you'll have to pass it the map instance. So your code should look like this:

(async function() {
  const map = await olms('map', 'https://api.mapbox.com/styles/v1/mapbox/bright-v9?access_token=' + key);
  olms(map, './data/basemap.json');
})();