Detectar Mouse haga clic en ubicación

Question

Lo que estoy tratando de lograr es hacer un DIV y mostrar la imagen del mapa del mundo en él o como fondo .. & cuando el usuario hace clic en algún lugar del mapa, cojo la ubicación del mouse,

entonces de alguna manera voy a traducir los cables X, Y del mouse en longitud, latitud y luego ejecutar un AJAX para mostrar algunos datos.

Mi problema es:

• Como llegar clic del ratón ubicación con JavaScript
• Cómo traducir la ubicación mundial clic en relación X de un DIV, coordenadas Y de una capa

Answer 1

Look en este ejemplo:

• Click image and get coordinates with Javascript

siguientes puestos también pueden ayudar:

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

• Creating HTML Image Maps

Answer 2

En HTML se establece evento onMouseMove:

<div onMouseMove="getPositions();" 
style="width:200px;height:100px"></div> 

Y función javascript:

function getPositions(ev) { 
if (ev == null) { ev = window.event } 
    _mouseX = ev.clientX; 
    _mouseY = ev.clientY; 
} 

Answer 3

A menos que tenga una razón para hacerlo desde cero, recomendaría Google Maps Api.

Observará que el objeto Map tiene un evento de clic al que puede vincular una devolución de llamada que recibe un evento MouseEvent que contiene coords lat/long. Consulte this example.

Answer 4

En el controlador de eventos puede obtenerlo a través de mouseEvent Args.

Extracto de http://msdn.microsoft.com/en-us/library/bb404721.aspx -

function onMouseLeftButtonUp(sender, mouseEventArgs) 
{ 
    // Return a Point object representing the x- and y-coordinates of the current mouse position 
    // relative to the reference object. 
    var pt = mouseEventArgs.getPosition(sender.findName("referenceObject")); 

    // Display the current mouse position. 
    sender.findName("Status").text = pt.x + " : " + pt.y; 
}