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 -