Description

When animating trips of ships across the Pacific, lines were drawn across the globe when crossing longitude 180º
I read that wrapLongitude: True would solve the issue, and partially did, but the animation changes , less objects are visualized and at times nothing is displayed.

Expected Behavior

I would expect the same visualization with the property set to True and False. Only the crossing lines disappearing, but it alters the result visualization significantly (seems that there is no traffic in certain days).

Repro Steps

I have a simple page example of my case at: https://github.com/carloscascos/simple_trips

1. Start the app
   2 ) Press 2 (for a scenario with high number of Pacific crossings)
   3 ) Press + to accelerate the loop ( data is for 60 days)
2. Repeat 1 to 3 changing the value of wrapLongitude (trips.js, line 114) and compare

Environment

• deck.gl from https://unpkg.com/deck.gl@^8.4.0/dist.min.js
• Version 89.0.4389.114 (Official Build) (64-bit)
• Linux Ubuntu 20.04.2 LTS

Logs

I recorded two videos to show the effect just changing the wrapLongitude property:
wrapLongitude : True
https://www.dropbox.com/s/xedhmxn18f3osow/rec-area%20%28true%29.webm?dl=0
wrapLongitude : False
https://www.dropbox.com/s/we03sfmvqx0x9ck/rec-area%20%28false%29.webm?dl=0