Share via

VEMap.ShowScalebar Method

  • Article

You are not viewing the latest version of the AJAX control. Bing Maps AJAX V7 is the recommended JavaScript control for Bing Maps. If you need this documentation, it is available in as a CHM or PDF download.

Displays the scale bar on the map.

VEMap.ShowScalebar();

Remarks

By default the scale bar is displayed on the map.

Example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
   <head>
      <title>ShowScalebar</title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

      <script type="text/javascript" src="https://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.3"></script>

      <script type="text/javascript">
         var map     = null;

         
         function GetMap()
         {
            map = new VEMap('myMap');
            map.LoadMap();

            //Remove the dashboard
            map.HideDashboard();

         }

         // Scalebar hide & show calls
         function HideScalebar()
         {
            map.HideScalebar();
         }
         
         function ShowScalebar()
         {
            map.ShowScalebar();
         }

      </script>
   </head>
   <body onload="GetMap();">
      <div id='myMap' style="position:relative; width:600px; height:400px;"></div>
      <div id="links"><a href="#" onclick="HideScalebar()">Hide Scalebar</a> | <a href="#" onclick="ShowScalebar()">Show Scalebar</a><br/></div>
   </body>
</html>

See Also

Reference

VEMap.HideScalebar Method