Home/ Questions/Q 659395
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T23:02:22+00:00

GEvent.addListener(map, mouseover, function() { }); thanks

  • 0
GEvent.addListener(map, "mouseover", function() {

        });

thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I am not sure if I understood your question correctly, but you may want to check out the following example.

    Both the geographical coordinates as well as the DOM coordinates would update automatically as you move the mouse over the map:

    <!DOCTYPE html>
<html> 
<head> 
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
   <title>Google Maps mousemove Event Demo</title> 
   <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false" 
           type="text/javascript"></script> 
</head> 
<body onunload="GUnload()" style="font-family: Arial; font-size: 11px;"> 

   <div id="map" style="width: 500px; height: 300px;"></div> 
   <div id="div_coordinates"></div>
   <div id="geo_coordinates"></div>

   <script type="text/javascript"> 

      var map = new GMap2(document.getElementById("map"));

      map.setCenter(new GLatLng(39.00, -77.00), 10);

      GEvent.addListener(map, "mousemove", function(latlng) {
          document.getElementById('div_coordinates').innerHTML =
             'Div Coordinates: ' +
             map.fromLatLngToContainerPixel(latlng).x + ', ' +
             map.fromLatLngToContainerPixel(latlng).y;

          document.getElementById('geo_coordinates').innerHTML =
             'Geographical Coordinates: ' + latlng.lat() + ', ' + latlng.lng();
      });

   </script> 
</body> 
</html>

    Google Maps mousemove Event Demo

    • 0