I have a js script to give me the mouse cursor location.
<script type="text/javascript">
document.getElementById('cursorX').value = (window.Event) ? e.pageX : event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
document.getElementById('cursorY').value = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
this give the cursor X & the cursor Y location, but I need to change the way that these values ​​are presented.

Instead of: Cursor: 1400 X 600 Y

This: Cursor: 17.6S 52.7W

I need that cursor X give me North and South and cursor Y give West and East positions of image. So image need have a middle that is the start then is divided in 4 sides like the cardinal points.

Anyone know a way of do this for a image map?