첨부한 이미지처럼 svg 파일에서 각 나라마다 부트스트랩의 팝오버를 사용해서 데이터를 표시하는 중입니다. 그런데 실제로는 나라의 크기가 그림보다 더 큰 직사각형 형태의 공간을 사용하고 있어서 팝오버가 각 나라 맨 끝 영역에 붙어서 나오더라구요. 혹시 팝오버의 절대위치?상대위치?를 변경해서 나라의 중앙에 나오게 할 수 있는 방법이 있을까요?

<path id="Australia" class="land"  data-title="Australia" data-toggle="popover" data-content="covid" data-placement="bottom" data-trigger="hover">

<script>
    $(function(){
        $('[data-toggle="popover"]').popover();
    });
</script>