谷歌地图 - 缩放

上一步
下一步

增加/减少缩放值

你可以通过修改地图选项中的 zoom 属性值来增加或减少地图的缩放值。

语法

我们可以使用 zoom 选项来增加或减少地图的缩放值。下面给出了用于更改当前地图缩放值的语法。

var mapOptions = {
   zoom:required zoom value
};

示例：缩放 6

以下代码将以缩放值为 6 显示 Vishakhapatnam 市的路线图。

实时演示 
<!DOCTYPE html>
<html>
   
   <head>
      <script src = "https://maps.googleapis.com/maps/api/js"></script>
      
      <script>
         function loadMap() {
			
            var mapOptions = {
               center:new google.maps.LatLng(17.609993, 83.221436),
               zoom:6,
               mapTypeId:google.maps.MapTypeId.ROADMAP
            };
            
            var map = new google.maps.Map(document.getElementById("sample"),mapOptions);
         }
      </script>
      
   </head>
   
   <body onload = "loadMap()">
      <div id = "sample" style = "width:587px; height:400px;"></div>
   </body>
   
</html>

它将产生以下输出−

示例：缩放 10

以下代码将以缩放值为 10 显示 Vishakhapatnam 市的路线图。

实时演示 
<!DOCTYPE html>
<html>
   
   <head>
      <script src = "https://maps.googleapis.com/maps/api/js"></script>
      
      <script>
         function loadMap() {
			
            var mapOptions = {
               center:new google.maps.LatLng(17.609993, 83.221436),
               zoom:10,
               mapTypeId:google.maps.MapTypeId.ROADMAP
            };
				
            var map = new google.maps.Map(document.getElementById("sample"),mapOptions);
         }
      </script>
      
   </head>
   
   <body onload = "loadMap()">
      <div id = "sample" style = "width:587px; height:400px;"></div>
   </body>
   
</html>

它将产生以下输出−

打印页面
上一步
下一步
广告