¿Cómo mostrar la posición del mouse como información sobre herramientas en OpenLayers-2?


10

Quiero coordenadas de mapa como efecto de mouse sobre OpenLayers. Estoy usando el siguiente código. Sin embargo, muestra coordenadas de píxeles:

    map.events.register("mousemove", map, function(e) {      
      var position = e.map.x + e.xy.y;
      OpenLayers.Util.getElement("tooltip").innerHTML = position 
    });

wow 7k vistas y solo 4 votos?
Debajo del radar

Respuestas:



11

Para agregar a la respuesta de simo ... aquí hay un ejemplo:

map.events.register("mousemove", map, function (e) {
    var position = e.map.getLonLatFromViewPortPx(e.xy);
    OpenLayers.Util.getElement("tooltip").innerHTML = "<label>Latitude: " + position.lat + "</label><br/><label>Longitude: " + position.lon + "</label>";
});

Es posible que necesite transformar de Mercator a Geographic como lo hice ... si es así:

var position = e.map.getLonLatFromViewPortPx(e.xy).transform(new OpenLayers.Projection("EPSG:900913"), new OpenLayers.Projection("EPSG:4326"));

5

A partir de Openlayers 2.12, el siguiente enfoque funciona para acceder a las coordenadas desde el desplazamiento:

map.events.register("mousemove", map, function (e) {            
var point = map.getLonLatFromPixel( this.events.getMousePosition(e) )     
    console.log(point.lon, point.lat)
});

1

En Openlayers 2.13, puedes hacerlo como:

map.addControl(
    new OpenLayers.Control.MousePosition({
        prefix: 'Coords: ',
        separator: ' | ',
        numDigits: 2,
        emptyString: 'Mouse not over map'
    })
);
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.