Javascript 如何使用css将path元素从任意位置居中到页面中心？

我有一张SVG地图。这里的想法是在单击时放大并居中该岛的任何省份（路径元素）

我曾经在路径居中时将其置于一切之上，但我似乎找不到一种方法用CSS将其居中

JS代码：

document.addEventListener('DOMContentLoaded', () => {

    document.documentElement.addEventListener("click",
    clickHandler,
    false);

    function clickHandler(evt) {
        var newtarget = evt.target || event.target;
        var topmost = document.getElementById("use");
        topmost.setAttributeNS("http://www.w3.org/1999/xlink",
            "xlink:href",
            "#" + newtarget.id);
        document.querySelector("#state28").style.transform = "scale(2)"
    }

})

有关小提琴的更多信息：