Adding Custom Style to Vector Tiles

mpboyle

I created a hosted vector tile layer and would like to create a custom style.  I have read through the docs on how to create a custom style (save a layer, edit the style, update the style), but when I try to add the styled layer to a web map, it seems to fail to load, as it never displays.

Am I missing something in the styled .json file, like paths to the sprites, glyphs, or url defined at the beginning of the json...?

The URL to my test vector tile layer using a custom style can be found here.

Thanks!

ChrisWhitmore

Hi Matt, it looks like there is an issue with parsing certain characters in the layer's style - the '<' and '>' characters aren't being handled correctly when copying the layer (it appears the layer names used to create the vector tile layer have the greater than / less than symbols: "source-layer": "Background, >9k" for ex).

This is ultimately what's causing the issue. The workaround is to upload the style json file directly. That will bypass the systems handling of the style json (and subsequently the parsing issue when copying the layer). Attached is the "copied" json you can use to upload on the copied layer (and can be customized however you need first). It'll be easier to use this json rather than downloading directly from the hosted layer. The hosted layer's style has relative urls which won't resolve correctly if directly copied to a different layer (when copying in the map viewer, the viewer handles the updating of the urls to point to the correct resources. the json i posted has the updated urls). I was able to check out the initial layer you posted before it was deleted - it looks like this was the issue for that layer (relative url could not resolve correctly so the layer did not load at all).

We'll look into fixing the parsing issue for < and > for the next release.

If you need this same fix for other hosted layers (would think so since this one is a test), check out the urls in the attached json. There are three urls that will need to be updated to point to to the original source vector tile layer (effectively hardcoding the urls rather than persisting the relative urls), which hosts all the resources used for copies.

Sorry for the hassle. Let me know if you run into issues or if this doesn't make any sense

Chris

StandardBaseTest.json.zip