Entrar
 
Microsoft Developer Network > Página Inicial dos Fóruns > Bing Maps: Map Control Development > How to disable Mouse wheel event?
Fazer uma PerguntaFazer uma Pergunta
Pesquisar Fóruns:
 

RespondidoHow to disable Mouse wheel event?

  • terça-feira, 29 de maio de 2007 22:25NAVI2 Medalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuário
     
    Entrar para Votar
    0
    Entrar para Votar
    Can anyone help me how to disable mousewheel event for VE map? My application want to disable the mouse wheel action for zooming.
     

Respostas

  • quarta-feira, 30 de maio de 2007 0:12Derek Chan Old Medalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuário
     Respondido
    Entrar para Votar
    0
    Entrar para Votar

    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,

     
  • terça-feira, 23 de outubro de 2007 17:23Richard_BrundrittMVP, ModeradorMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuário
     Respondido
    Entrar para Votar
    0
    Entrar para Votar
    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>


     

Todas as Respostas

  • quarta-feira, 30 de maio de 2007 0:12Derek Chan Old Medalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuário
     Respondido
    Entrar para Votar
    0
    Entrar para Votar

    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,

     
  • quarta-feira, 30 de maio de 2007 17:03NAVI2 Medalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuário
     
    Entrar para Votar
    0
    Entrar para Votar
    thanx  Derek its working as per my requirment, its a very simple change Smile
     
  • terça-feira, 23 de outubro de 2007 11:51ymikhel Medalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuário
     
    Entrar para Votar
    0
    Entrar para Votar
    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,
     
  • terça-feira, 23 de outubro de 2007 12:28Craig731 Medalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuário
     
    Entrar para Votar
    0
    Entrar para Votar
    Code Block

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


    That will cancel out your EventHandler
     
  • terça-feira, 23 de outubro de 2007 17:23Richard_BrundrittMVP, ModeradorMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuário
     Respondido
    Entrar para Votar
    0
    Entrar para Votar
    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>