Tiles loaded with raster shake while navigating forward.

[vqboy]

Xcode version: 14.2 iOS version: 16.6 Devices affected: All Maps SDK Version: 10.16.3~11.0.0

When using the raster method to load tiles, or when loading a normal image, during navigation in forward motion, there is a noticeable back-and-forth jitter in the tiles or images. I have tried loading different tiles and images with raster, and also switched between different versions of the SDK, but the jittering still exists. How can I resolve this issue?

In the video: From 0 to 10 seconds, there is severe shaking when turning. From 37 to 50 seconds, there is a regular back-and-forth shaking from left to right.

https://github.com/mapbox/mapbox-maps-ios/assets/16708042/91bceeaa-a3f0-43fd-b7ee-14adec2b15a8

[persidskiy]

@vqboy HI, do you have any minimal code-sample that reproduce the issue? Especially, the style that you use.

[vqboy]

@persidskiy Hello, this is the simple demo that I have organized.Please test it. This is a part extracted from the official demo. 1.Please run pod install 2.Please complete the MBXAccessToken in the Info.plist 3.After running, directly enter the simulated navigation page

The raster layer used for testing: mapbox://mapbox.terrain-rgb. I used my own simulated routing data, and during the simulated navigation, you may notice that the color blocks are shaking.

mapbox.zip

[persidskiy]

@vqboyHi, thank you for the example. I've played with it a little, but I can barely see the shake. Is this what you mean?

https://github.com/mapbox/mapbox-maps-ios/assets/1527181/d0bf2185-1529-44a2-abf8-fdaaadb91588

[vqboy]

@persidskiy Yes, this is the phenomenon I described. When the navigation speed is low and the distance traveled per second is short, it is easy to observe the back-and-forth shaking of the raster tiles. When there are other line layers drawn on top of the raster, the lines are stable. In reference to the lines, the back-and-forth shaking of the raster tiles becomes particularly obvious.

[vqboy]

@vqboyHi, thank you for the example. I've played with it a little, but I can barely see the shake. Is this what you mean?

Screen.Recording.2024-01-04.at.2.38.00.PM.mov

@persidskiy I apologize, but the raster tile shaking issue is quite challenging for me. Is there a better and faster solution?

I have reorganized the demo by replacing the raster tiles with locally loaded ones, and I have also drawn lines as a reference for comparison. Additionally, I have simulated a new set of routing data.

Furthermore, during real-machine testing, I noticed that the lines drawn at a distance appear to flicker in a jagged pattern when navigating forward. Is there a method to optimize this?

Below is a video demonstration and test demo that I have recorded. Before running, you only need to run pod install.

demo code： mapbox.zip

demo video： 1.In the video, in addition to the mouse position, observe the1. In the video, in addition to the mouse position, observe the entire raster tiles, especially on the right side, where there is a noticeable shaking. 2.The lines mentioned earlier that are close to the upper and distant areas will also flicker when navigating forward, which is not obvious in the video but can be easily observed during real-machine testing.

https://github.com/mapbox/mapbox-maps-ios/assets/16708042/19e51e3e-217a-4305-8207-b5cb73eea0c1