Google Haritalar - Yakınlaştır

Yakınlaştırma Değerini Artır / Azalt

Bir haritanın yakınlaştırma değerini, haritanın değerini değiştirerek artırabilir veya azaltabilirsiniz. zoom harita seçeneklerinde özellik.

Sözdizimi

Yakınlaştırma seçeneğini kullanarak haritanın yakınlaştırma değerini artırabilir veya azaltabiliriz. Aşağıda, mevcut haritanın yakınlaştırma değerini değiştirmek için sözdizimi verilmiştir.

var mapOptions = {
   zoom:required zoom value
};

Örnek: Zoom 6

Aşağıdaki kod, Vishakhapatnam şehrinin yol haritasını 6 yakınlaştırma değeriyle gösterecektir.

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

Aşağıdaki çıktıyı üretecektir -

Örnek: Yakınlaştır 10

Aşağıdaki kod, Vishakhapatnam şehrinin yol haritasını 10 yakınlaştırma değeriyle gösterecektir.

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

Aşağıdaki çıktıyı üretecektir -