Tự tạo các đối tượng điều khiển

Một phần của tài liệu Ứng dụng WebGis trong quản lý mạng lưới trường học trên địa bàn tỉnh Ninh Bình (Trang 50 - 51)

Bên cạnh việc chỉnh sửa thông số, thay đổi vị trí của các đối tượng điều khiển đã có sẵn, lập trình viên có thể tự tạo ra các đối tượng điều khiển để đưa vào ứng dụng bản đồ của mình. Đối tượng điều khiển được tạo ra sẽ đứng độc lập phía trên của vùng hiển thị bản đồ. Trong một số trường hợp, các đối tượng tự tạo chỉ đơn giản sử dụng thẻ <div> để tạo ra khu vực giao diện độc lập tương tác với người dùng, hiển thị một số giao diện người dùng và tương tác thông qua các sự kiện tạo ra bởi người dùng. Các nguyên tắc cơ bản để tạo ra một đối tượng điều khiển bao gồm:

+ Định nghĩa CSS để đối tượng điều khiển hiển thị.

+ Định nghĩa đối tượng điều khiển gắn với người dùng hoặc bản đồ thông qua việc thay đổi thuộc tính bản đồ hoặc tương tác với các sự kiện tạo ra bởi người dùng.

+ Tạo thẻ <div> để đặt đối tượng điều khiển và gắn đối tượng này với thuộc tính điều khiển của bản đồ.

- Xây dựng giao diện cho đối tượng điều khiển: Để xây dựng giao diện cho đối tượng điều khiển, trước tiên chúng ta cần đưa các đối tượng điều khiển tự tạo vào thẻ <div>, điều này đảm bảo việc đưa đối tượng điều khiển vào một khu vực độc lập, tiện cho việc xây dựng giao diện và gán các thuộc tính sử dụng. Để xây dựng được giao diện tốt cho các đối tượng điều khiển, lập trình viên phải có kiến thức về CSS và mô hình kiến trúc DOM.

- Gắn đối tượng điều khiển với các sự kiện: Bất cứ một đối tượng điều khiển nào cũng cần thực thi một nhiệm vụ nhất định theo mục đích của người lập trình. Thông thường việc gắn nhiệm vụ cho đối tượng điều khiển tự tạo được thực hiện qua hình thức tương tác với các sự kiện tạo ra bởi người dùng hoặc tương tác làm thay đổi trạng thái của bản đồ. Để tương tác với các sự kiện tạo ra bởi người dùng, Google cung cấp các API tương tác với trình duyệt bằng phương thức addDomListener() để bắt hầu hết các sự kiện tại các trình duyệt hỗ trợ mô hình DOM, đây thường là các sự kiện cơ bản của mô hình DOM nhưng thông qua phương thức addDomListener() để chuyển dữ liệu xử lý tới bản đồ.

- Định vị đối tượng điều khiển: Những đối tượng điều khiển tự tạo thường định vị trên bản đồ thông qua các khu vực đã được định nghĩa để đặt nó (thông qua thẻ <div>), gắn đối tường vào bản đồ bằng việc sử dụng phương thức

bỏ, API sẽ cập nhật hiện trạng các đối tượng điều khiển của ứng dụng. API định vị các vị trí của các đối tượng điều khiển thông qua mục lục thuộc tính, đối tượng có số thứ tự nhỏ trong mục lục sẽ hiển thị trước, ví dụ có 2 đối tượng điều khiển được đặt tại khu vực BOTTOM_RIGHT thì đối tượng có thứ tự nhỏ trong mục lục sẽ hiển thị phía trên đối tượng có thứ tự lớn (đứng sau). Mặc định, các đối tượng điều khiển được tạo bởi lập trình viên sẽ hiển thị sau các đối tượng mặc định, tuy vậy Google vẫn cung cấp các tùy chọn cho phép thay đổi thứ tự này thông qua việc khai báo thay đổi thứ tự trong mục lục điều khiển.

Một phần của tài liệu Ứng dụng WebGis trong quản lý mạng lưới trường học trên địa bàn tỉnh Ninh Bình (Trang 50 - 51)