Tuesday, Feb 07th

Last update:09:30:27 PM GMT

You are here: Google Maps Những sự tương tác với bản đồ (Map Interactions)

Những sự tương tác với bản đồ (Map Interactions)

Sau khi xây dựng được đối tượng GMap2, chúng ta có thể quan sát và thao tác trên bản đồ giống như trên trang web Google Map. Đối tượng cũng cung cấp một số phương pháp hình thể để thay đổi hành vi của các đối tượng bản đồ.

Theo mặc định, các đối tượng bản đồ hướng tới việc tác động trở lại đối với hành động của người dùng giống như họ đã làm trên trang http://maps.google.com. Chúng ta có thể thay đổi hành vi này bằng một số phương thức tiện ích. Chẳng hạn, phương thức GMap2.disableDragging() sẽ vô hiệu hóa khả năng click và kéo thả bản đồ đến một vị trí mới.

Chúng ta cũng có thể tương tác với bản đồ bằng chương trình. Đối tượng GMap2 cũng hỗ trợ một số phương thức mà thay đổi trực tiếp trạng thái của bản đồ. Chẳng hạn, các phương thức setCenter(),panTo(),zoomIn() được sử dụng trong chương trình tương tác với bản đồ, hơn là thông qua sự tương tác của người dùng.

Ví dụ sau đây hiển thị một bản đồ, sau 1 giây thì bản đồ này di chuyển đến (pans to) vị trí tâm mới. Phương thức panTo() đặt đúng tâm bản đồ tại một điểm cho trước. Nếu điểm này chỉ rõ trong phần đang hiển thị của bản đồ thì bản đồ sẽ lướt nhẹ đến vị trí điểm đó, nếu không thì bản đồ nhảy tới vị trí điểm đó.

var map = new GMap2(document.getElementById("map_canvas"));

map.setCenter(new GLatLng(37.4419, -122.1419), 13);

window.setTimeout(function() { map.panTo(new GLatLng(37.4569, -122.1569)); }, 1000);

Đoạn code thể hiện việc khai báo một biến var thuộc đối tượng GMap2, hiển thị bản đồ với vị trí trung tâm tại tọa độ (37.4419, -122.1419) với mức độ zoom là 13. Bản đồ sẽ được di chuyển đến tọa độ mới (37.4569, -122.1569) sau khoảng thời gian 1 giây.


Bản đồ trước khi phương thức panTo() thực hiện.


Bản đồ sau khi phương thức panTo() thực hiện.

Chiến Nguyên