0

I am using Leaflet and the Leaflet.VectorGrid plugin to display vector tiles on a map. My vector tiles contain Polygons that render fine, except that they are also rendering the split at the tile boundary (see image below).

I have added the getFeatureID function to the creation options, so that the VectorGrid plugin knows which parts of a polygon belong together.

Is it possible to not draw the polygon boundaries at the edges of the tiles, so that it looks like one large polygon?

I did not find out how to do it (other than using a fill sytle but no outline). If it is not possible with this plugin, is there an alternative?

Polygons in vector tiles split at tile boundary

  • did you find a solution to this problem? I'm also serving some geojson tiles from a mapserver, and want to remove the boundaries ? Should I make some changes on the backend or is there a plugin that manages this on the front ? – Zak Aug 9 '18 at 15:34
  • I managed to solve the problem by buffering the clip geometry. I.e., the boundary at which I "cut" the features to match the tile is sligthly larger than the tile boundary. The parts that overflow the tile boundaries in a vector tile are not rendered I think (see my answer below also). So it was a backend problem. – yellowcap Aug 13 '18 at 8:45
1

The issue was not the VectorGrid library, but the underlying data. The vector tiles are not really dissolved geometrically on the frontend. The data is clipped on the backend with a small buffer around the tile boundary, so that the clip boundary is outside the tile boundaries and is therefore not rendered. For more details, see

https://github.com/Leaflet/Leaflet.VectorGrid/issues/120

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.