Google Maps - Thu phóng
Tăng / Giảm giá trị thu phóng
Bạn có thể tăng hoặc giảm giá trị thu phóng của bản đồ bằng cách sửa đổi giá trị của zoom trong các tùy chọn bản đồ.
Cú pháp
Chúng tôi có thể tăng hoặc giảm giá trị thu phóng của bản đồ bằng cách sử dụng tùy chọn thu phóng. Dưới đây là cú pháp để thay đổi giá trị thu phóng của bản đồ hiện tại.
var mapOptions = {
zoom:required zoom value
};Ví dụ: Zoom 6
Đoạn mã sau sẽ hiển thị lộ trình của thành phố Vishakhapatnam với giá trị thu phóng là 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>Nó sẽ tạo ra kết quả sau:
Ví dụ: Thu phóng 10
Đoạn mã sau sẽ hiển thị lộ trình của thành phố Vishakhapatnam với giá trị thu phóng là 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>Nó sẽ tạo ra kết quả sau: