OpenLayers 2 – How to Display Mouse Position as Tooltip

javascriptopenlayers-2

I want map coordinates as mouse over effect in OpenLayers. I am using the following code. However it is showing pixel coordinates:

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

Best Answer

you can convert pixels to lat/long with the help of getLonLatFromPixel() function.

Related Solutions

[GIS] How to have a popup anchored at the clicked position

Maybe I'm not understanding the question, but does this example do what you want? Seems that the popup is anchored on the mouse position (unless the feature is near the edge of the map so the popup is shifted to fit on the map).

http://openlayers.org/dev/examples/getfeatureinfo-popup.html

[GIS] Openlayers: How to highlight a point on mouse over a line

use OpenLayers.Control.SelectFeature with hover:

        var make_hover= function(e) {
            console.log(e.feature.id);
            vector.features[x].style.fillColor = "#00b4ff"; //Your Point
            vectorLayer.redraw();
        };

        var highlightCtrl = new OpenLayers.Control.SelectFeature(vectorLayer, {
            hover: true,
            highlightOnly: true,               
            eventListeners: {
                beforefeaturehighlighted: another_Function,
                featurehighlighted: make_hover,
                featureunhighlighted: another_Function
            }
        });

i hope it helps you....

Best Answer

Related Solutions

[GIS] How to have a popup anchored at the clicked position

[GIS] Openlayers: How to highlight a point on mouse over a line

Related Question