How to scale svg map when scrolling through viewbox?

Question

JavaScript

Hello! I have a svg map of the world. I want to implement zooming when scrolling, taking into account the coordinates of the cursor, so that it is easier to click on small countries. I googled that it is necessary to change the viewbox values ​​​​of svg, but I don’t know how to write such a function. Maybe there is a plugin or an example of such code?
Here you can see the map

Thank you in advance for your answer)

Answer 1

https://github.com/timmywil/panzoom
there is also information on how to hang on the scroll