ion.zoom | Image zoom lightbox jQuery plugin

I Fixed this by

The documentation says there is an animationend event https://viglino.github.io/ol-ext/doc/doc-pages/ol.featureAnimation.html

Here's my attempt using your utility frame player.

A few notes:

• The zoom value is interpolated based on the total steps (set at 500 here) and given the start and stop values.
• A Google Maps utility is used to compute the next lat lng based on a fractional distance: SphericalUtil.interpolate.
• The fractional distance should not be a linear function to reduce the introduction of new tiles. In other words, at higher zooms (closer in) the camera moves in shorter distances and the amount of camera movement increases exponentially (center-to-center) while zooming out. This requires a bit more explanation...
• As you can see the traversal is split into two - reversing the exponential function of the distance movement.
• The "max" zoom (bad name) which is the furthest out can be a function of the total distance - computed to encompass the whole path at the midpoint. For now it's hard coded to 4 for this case.
• Note the maps animate function cannot be used as it introduces its own bouncing ball effect on each step which is undesirable. So given a fair number of steps the move function can be used.
• This method attempts to minimize tile loading per step but ultimately the TileLoader is the limiting factor for viewing which cannot monitored (easily).

...so is there a way to make it right in the custom listener class at least?

If I'm not mistaken, you want to make the debounce in the method of onClick, right?

Anyway you can use workaround: move camera to target position in onFinish() via moveCamera() call and then get projection:

What am I missing here?

I think what you're missing is that the drawable area of the canvas is not at all related to the physical size of the canvas widget. You do not need to resize the canvas once it has been created. You can draw well past the borders of the widget.

If you want to be able to scroll elements into view that are not part of the visible canvas, you must configure the scrollregion to define the area of the virtual canvas that should be visible.

You said in a comment you're trying to create a timeline. Here's an example of a canvas widget that "grows" by adding a tickmark every second. Notice that the canvas is only 500,100, but the drawable area gets extended every second.

You don't need external routing plugin, GetX already did that for you, and if you want to navigate, just use Get.toNamed("/some-page") and it will show you the page you wanted. Same goes to nested route.

For Example

I have solved the issue, using this link

Created a BaseFragment file

do you have any option in map framework for stopping current animation (e.g. move)?

if you have then just call it at the begining of click method

if not then imho this is a proper solution to introduce some variable lastClicked = System.currentTimeMillis() and checking if (System.currentTimeMillis() - lastClicked < 500) return at the begining of onClick