마우스로 클릭한 위치에 마커를 등록하고 싶습니다.

가로크기가 700으로 정해저있고 세로크기만 유동적인 공간에 마우스로 클릭했을 때 그곳에 마커를 표시하고 싶습니다.

현재 객체를 클릭했을 때 offsetX, offsetY를 통해서 위치를 받아오고 마커를 등록하는것까지는 해보았으나 위치가 offset으로 가지고온 위치정보에 top, left로 하려고하니 위치가 정확하지 않아서 막힌 상태입니다… 혹시 조언을 좀 얻을 수 있을까요 …?