Question

What i am trying to achieve is make a DIV and display world map image on it or as a background.. & when user clicks some somewhere on the map, i catch the mouse-click location,

then i am some how going to translate the mouse’s X,Y cords into longitude,latitude and then run an AJAX to display some data.

My problem is:

• How to get mouse click location with JavaScript
• How to translate the global click location into a DIV’s relative X,Y coords of a layer

Answer 1

Look at this example:

• Click image and get coordinates with Javascript

Following posts may also help:

• Get accurate position for a click on a linked image using jquery

• Creating HTML Image Maps