Deck.gl: Weird visualizations with points and lines with large size

[manmorjim]

Description

There is a weird behavior with points with large radius:

And the same with lines with large width:

I think it is related to the issue https://github.com/visgl/deck.gl/issues/3824
They seem to be affected by clipping extension which was added for MVTLayers in https://github.com/visgl/deck.gl/pull/4336

An suggestion would be removing that extension for lines and points layers.

Repro Steps

I've created two examples which reproduce the behavior.

• example with points.
• example with lines

Environment (please complete the following information):

• Framework Version: deck.gl 8.1.0
• Browser Version: Chrome 81.0.4044.122 (Official Build) (64-bit)
• OS: Ubuntu 19.04

[Pessimistress]

The clipping extension indeed has a bug when applied to the ScatterplotLayer. I am unable to reproduce the PathLayer issue though, can you provide a data sample?

[manmorjim]

can you provide a data sample?

Yes, here I created an example with lines. If you zoom in in the lines then it appears some blank parts like:

[Pessimistress]

This is because you didn't create any buffer around your tile. the PathLayer is rendering an end cap right at the edge:

It is technically impossible to handle the joins at tile edges correctly without any additional information. The tool you use to generate the vector tiles could be configured to add a buffer, example.

[manmorjim]

This is because you didn't create any buffer around your tile. the PathLayer is rendering an end cap right at the edge:

You're right! Adding the buffer fixed the lines behavior. Thanks!

[Pessimistress]

Fixed in 8.1.5