아래와 같이 지도를 넣을까 합니다.

일단 z-index 2개로 되어있고요 

밑바닥에 구글 맵스 api 불러온 div 박스 

그위에 흰 부분만 영역으로 잡아준  svg 태그 입니다.

저렇게 하면 지도는 나오나 svg자체가 직사각형에 오른쪽 4분의1원만 투명을 준 것이기에 

확대나 이동같은 지도효과를 사용할수가 없습니다.

예전 외국 웹에서 비슷한 방식으로 꾸며도 지도도 자유롭게 움직이는것으로 봤는데 어찌해야 할까요?

svg 이용해서 곡선으로 영역을 만들수 없나요?