Bài 6: Các kiểu bản đồ trong Google Maps
function initialize() { var mapProp= { center:new google.maps.LatLng(21.0287542,105.8501718), zoom:5, mapTypeId:google.maps.MapTypeId.HYBRID }; var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); } google.maps.event.addDomListener(window, 'load', initialize);
hoặc bằng việc gọi phương thức setMapTypeId():
Xem demo
Mách nhỏ: Google luôn cập nhật thêm dữ liệu hình ảnh chụp ở góc 45° cho các vị trí mới. Hiện có khoảng hơn 60 thành phố được google cập nhật loại ảnh này.
Xem demo
Mách nhỏ: Để bật chức năng hiển thị phối cảnh 45° bạn gọi lại phương thức của đối tượng Map: setTilt(45).
Kiểu bản đồ HYBRID của Google:
Google Maps - Các kiểu bản đồ cơ bản
Google Maps API hỗ trợ các kiểu bản đồ sau:- ROADMAP (thông thường, mắc định bản đồ 2D )
- SATELLITE (bản đồ vệ tinh hoặc ảnh hàng không)
- HYBRID (bản đồ ảnh hàng không + bản đồ đường và tên các thành phố)
- TERRAIN (bản đồ địa hình với các đỉnh núi các sông ngòi v.v)
var mapProp = {
center:new google.maps.LatLng(45.434046,12.340284),
zoom:7,
mapTypeId: google.maps.MapTypeId.HYBRID
};
map.setMapTypeId(google.maps.MapTypeId.HYBRID);
Google Maps - Hiển thị phối cảnh 45°
Các kiểu bản đồ SATELLITE và HYBRID hỗ trợ hiển thị ảnh phối cảnh cho một số vị trí (chỉ ở mức zoom trên cao). Nếu bạn phóng to vào một ví trí với góc 45° xem ảnh, bản đồ sẽ tự động thay đổi hiển thị phối cảnh. Ngoài ra, bản đồ sẽ có thêm :- Control Rotate nằm ở cạnh nút Zoom cho phép bạn quoay ảnh
- Mỗi lần xoay cho phép bạn quoay ảnh 90°
- Control toggle (bật tắt) nằm giữa control Rotate và Zoom cho phép bạn bật tắt chức năng hiển thị phối cảnh 45°
Ví dụ
var mapProp = {
center:myCenter,
zoom:18,
mapTypeId:google.maps.MapTypeId.HYBRID
};
Google Maps - Vô hiệu hoá chưc năng hiển thị phối cảnh 45°- setTilt(0)
Bạn có thể vô hiệu hoá chức năng hiển thi phối cảnh 45° bằng cách gọi phương thức setTilt(0) của đối tượng Map:Ví dụ
map.setTilt(0);