Google Maps - Zoom
Naikkan / Turunkan Nilai Zoom
Anda dapat menambah atau mengurangi nilai zoom peta dengan mengubah nilai zoom atribut dalam opsi peta.
Sintaksis
Kita dapat menambah atau mengurangi nilai zoom peta menggunakan opsi zoom. Diberikan di bawah ini adalah sintaks untuk mengubah nilai zoom dari peta saat ini.
var mapOptions = {
zoom:required zoom value
};
Contoh: Zoom 6
Kode berikut akan menampilkan peta jalan kota Vishakhapatnam dengan nilai zoom 6.
<!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>
Ini akan menghasilkan keluaran sebagai berikut -
Contoh: Zoom 10
Kode berikut akan menampilkan peta jalan kota Vishakhapatnam dengan nilai zoom 10.
<!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>
Ini akan menghasilkan keluaran sebagai berikut -