UTFGrid seems inaccurate at higher zoom levels

[BHare1985]

It seems at higher zoom levels UTFGrid isn't working like it should. To better highlight the issue I am having I made a video: https://www.youtube.com/watch?v=j3XT8p-NB6U&feature=youtu.be

[BHare1985]

Incase this is hard to replicate I added the data I am using get this: -- removed --

Run it by doing : node t.js test2.xml (Note to change the t.js and xml to have relative paths to your system)

[brianreavis]

What does your front-end code look like to handle the interactivity? Specifically – what resolution does it assume the UTFGrid is? The default that tilestrata-mapnik outputs is 4. It doesn't look like you're using Leaflet, but just for example Leaflet.UTFGrid has a "resolution" setting. First I'd suggest looking into that to make sure the front-end/back-end match up. Second: I haven't experimented with it much, but it might not hurt trying out different values below 4 (given you're working with strokes vs large solids).

As a total last resort, another thing that might be worth trying is a second mapnik XML for interactivity that uses slightly fatter strokes.

PS. Nice map btw.

[BHare1985]

Well turns out I need <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> in my HTML tag for it to work properly. Otherwise you will get weird issues like the video shows.

[brianreavis]

Ahahhh. Thanks for the info. I'll change the headers from Content-type: application/json to Content-type: application/json; charset=utf-8 (which should fix cases like these).