VEMap.GetZoomLevel 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.

Returns the current zoom level of the map.

VEMap.GetZoomLevel();

Return Value

A string of the current zoom level.

Remarks

This method may not give the same value in 3D mode as in 2D mode.

Example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://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 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();
         }   

         function GetInfo()
         {  
            // VEMap.GetTop returns the position of the top edge of the map control, in pixels.
            // VEMap.GetLeft returns the position of the left edge of the map control, in pixels.
            // These units are defined using standard DHTML markup.
            // See the style attribute for the <div> element 'myMap'.
            var info = 'The top edge of the map on the Web page is at pixel: '+ map.GetTop() + "\n";
            info += 'The left edge of the map on the Web page is at pixel: '+ map.GetLeft() + "\n";
            info += 'The latitude,longitude at the center of the map is: '+ map.GetCenter() + "\n";
            info += 'The current zoom level of the map is: '+ map.GetZoomLevel() + "\n";
            info += 'The map control version is: '+ VEMap.GetVersion() + "\n";            
            alert(info);
         }
      </script>
   </head>
   <body onload="GetMap();">
      <div id='myMap' style="position:relative; width:400px; height:400px; top:25px; left:25px"></div>
      <INPUT id="getinfo" style="position:relative" type="button" value="Get Info" onclick="GetInfo();">
   </body>
</html>