How to Pan and Zoom Image, add Markers on it and move markers as it is pan and zoomed?

[gpbaculio]

I am looking at implementing this in skia or reanimated, I am just confused how to do it, I have this Image

and in React Native I need to add markers as such in this screenshot

I have implemented pan and zoom before on Image but I am confused how to add those markers and render a component on press, and make those markers move as it is zoom and pan

[wcandillon]

We have a pan and zoom tutorial that hopefully you will find useful: https://www.youtube.com/watch?v=5yM4NPcTwY4

[gpbaculio]

Thanks they are useful, quick question, I am thinking the circle markers are images, think I could put them inside a circle using skia? How can I move and scale all of them when panning and zooming?