Учебники

Google Maps — Увеличить

Сентябрь 3, 2018

Вы можете увеличить или уменьшить значение масштабирования карты, изменив значение атрибута масштабирования в параметрах карты.

Синтаксис

Мы можем увеличить или уменьшить значение масштабирования карты, используя параметр масштабирования. Ниже приведен синтаксис для изменения значения масштаба текущей карты. 

var mapOptions = {
   zoom:required zoom value
};

Пример: масштаб 6

Следующий код отобразит дорожную карту города Вишакхапатнам со значением увеличения 6.

Live Demo 

<!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.

Live Demo 

<!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>

Это даст следующий результат —

57
Share: