Let x and y coordinates change dynamically when zooming in and out with Vue.js

Question

I\'ve written a piece of code to zoom in on a map. When zooming in, the following happens:

(Don\'t mind the code that deals with the dragscroll):

  dat