How to disable Mouse wheel event?

Tue, 29 May 2007 22:25:14 Z

Can anyone help me how to disable mousewheel event for VE map? My application want to disable the mouse wheel action for zooming.

How to disable Mouse wheel event?

Wed, 30 May 2007 00:12:07 Z

Sure, just override the behaviour of a mousewheel using VE Events. Sample code that demonstrates this below:

Code Snippet

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
   <head>
      <title></title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <script src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=5"></script>
      <script>
      var map = null;

      function GetMap()
      {
         map = new VEMap('myMap');
   map.LoadMap();
   map.AttachEvent("onmousewheel", ShapeHandler);
   }
function ShapeHandler(e)
{
  return true;
}
      </script>
   </head>
   <body onload="GetMap();">
      <div id='myMap' style="position:relative; width:400px; height:400px;"></div>
   </body>
</html>

Hope that helps,

How to disable Mouse wheel event?

Wed, 30 May 2007 17:03:47 Z

thanx Derek its working as per my requirment, its a very simple change

How to disable Mouse wheel event?

Tue, 23 Oct 2007 11:51:34 Z

Hi,

What if I'd like to change map's event(s) to my handler upon certain conditions, and restore it to the native behaviour after? How do I get the native handler for a map's event(s)?

Regards,

How to disable Mouse wheel event?

Tue, 23 Oct 2007 12:28:45 Z

Code Block

map.DetachEvent("[Handler]", "function()");

That will cancel out your EventHandler

How to disable Mouse wheel event?

Tue, 23 Oct 2007 17:23:37 Z

If you want to disable the zooming of the mouse wheel but still be able to scroll the page when over top of the map you can do what I did in the sample code below.

Code Block

<html>
   <head>
      <title></title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <script src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6"></script>
      <script>
         var map = null;
         var pinID = 1;
         var y=0;
         function GetMap()
         {
            map = new VEMap('myMap');
            map.LoadMap();
            map.AttachEvent("onmousewheel", wheelCallback);
         }

        function wheelCallback(e)
        {
            //returning true to cancel default action.

            window.scrollBy(0,-5*e.mouseWheelChange);

             return true;
        }

         function AddPin()
         {
             try
             {
                  map.DeleteAllShapes();
                 var latlong=new VELatLong(parseFloat(document.getElementById('lat').value),parseFloat(document.getElementById('long').value));
                var shape = new VEShape( VEShapeType.Pushpin,latlong);
                map.AddShape(shape);
                map.SetCenterAndZoom(latlong, 15);
            }
            catch(e)
             {
                alert(e.message);
             }
         }
      </script>
   </head>
<body onload="GetMap();">
<div align="center">
<div id='myMap' style="position:relative; width:600px; height:400px;"></div>
Lat: <INPUT id="lat" type="text" name="start" value="0"/>
Long: <INPUT id="long" type="text" name="end" value="0"/>
<INPUT id="addpin" type="button" value="Add Pin" name="addpin" onclick="AddPin();">
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br />End of page
   </body>
</html>