Wie wird die Mausposition in QuickLayers-2 als Tooltip angezeigt?

10

Ich möchte Kartenkoordinaten als Mouse-Over-Effekt in OpenLayers. Ich verwende den folgenden Code. Es werden jedoch Pixelkoordinaten angezeigt:

    map.events.register("mousemove", map, function(e) {      
      var position = e.map.x + e.xy.y;
      OpenLayers.Util.getElement("tooltip").innerHTML = position 
    });
der letzte Strahl
quelle
wow 7k Aufrufe und nur 4 Stimmen?
Unter dem Radar

Antworten:

11

Um die Antwort von simo zu ergänzen ... hier ein Beispiel:

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>";
});

Möglicherweise müssen Sie wie ich von Mercator zu Geographic wechseln ... wenn ja:

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

Ab Openlayers 2.12 funktioniert der folgende Ansatz für den Zugriff auf die Koordinaten vom Schweben aus:

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

In Openlayers 2.13 können Sie Folgendes tun:

map.addControl(
    new OpenLayers.Control.MousePosition({
        prefix: 'Coords: ',
        separator: ' | ',
        numDigits: 2,
        emptyString: 'Mouse not over map'
    })
);
Arvind07
quelle