Get X and Y of <g> with ID even when zooming in

Question

I have a map of Brazil with several <g> svg. Each element of this is a municipality. I need to take the X and Y of this element in relation to the div that svg is in. The biggest problem is because I have a zoom, that by clicking for example on "More Zoom" he zoom changing the Matrix of <g>, Thus the map of Brazil is closer to the screen, but the X and Y of it remains the same in relation to div. So if the zoom is too far or too close, it doesn’t work, because the X and Y stay fixed.

I’m taking the X and the Y with the code:

var path      = document.getElementById(municipio).getBoundingClientRect();
var svggerado = document.getElementById('svggeradodiv').getBoundingClientRect();

var calculaX  = Math.round(path.left - (svggerado.left + 110));
var calculaY  = Math.round(path.top);