- Tập lệnh Google Maps JavaScript API cho phép chúng ta nhúng các bản đồ của Google vào trang web của chúng ta. Để sử dụng API, chúng ta cần đăng ký để có key API - Phiên bản Maps API 2.0 ra mắt vào ngày 3/4/2006
- Tổng quan về API:
1. Lớp GMap2:
- Một thí dụ điển hình của GMap2 là thể hiện một bản đồ đơn trên trang web.
Chúng ta có thể tạo nhiều lớp, mỗi lớp cho một bản đồ trên một trang web. Khi ta tạo một bản đồ mới và đặt tên của các phần tử trang web, ta thường dùng yếu tố div để chứa các bản đồ. Nếu không xác định một cách rõ ràng kích thước cho các bản đồ, bản đồ sẽ sử dụng kích thước của cửa sổ chứa nó.
- Các lớp GMap2 có các phương thức để điều khiển tâm bản đồ, thay đổi cấp độ zoom, thêm và xoá các lớp chẳng hạn như GMarker và GPolyline. Nó còn có phương thức để mở một "cửa sổ thông tin"
2. Sự kiện listener:
- Chúng ta có thể thêm các phần tử động vào ứng dụng bằng cách sử dụng sự kiện
“Listener”. Một đối tượng sẽ cho ra một con số ứng với từng sự kiện, và ứng dụng của chúng ta có thể "lắng nghe" được những sự kiện này bằng cách sử dụng các phương thức GEvent.addListener và GEvent.bind:
3. Cửa sổ thông tin:
- Mỗi bản đồ có một "cửa sổ thông tin", cách hiển thị nội dung theo HTML . Cửa sổ thông tin giống phần chứa lời thoại của một cuốn truyên tranh : nó có một khu vực dành cho nội dung và một nhánh hình nêm có đầu nhọn đặt tại vị trí được xác định trên bản đồ. Chúng ta có thể xem cửa sổ thông tin bằng cách nhấp chuột vào một điểm đánh dấu trong Google Maps
- Ta không thể hiển thị nhiều hơn một cửa sổ thông tin tại một thời điểm cho một bản đồ, nhưng ta có thể di chuyển cửa sổ thông tin và thay đổi nội dung của nó khi cần thiết
- Phương thức cơ bản để mở cửa sổ thông tin là openInfoWindow hoặc phương thức openInfoWindowHtml cũng tương tự
- GMarker đưa ra số pixel cần thêm vào cho phương thức openInfoWindow dựa
Báo cáo thực tập tốt nghiệp GVHD: Th.S Phan Hiền Vũ
Các vạch dấu chính là các icon trên bản đồ: Lớp GIcon sẽ giúp ta khởi tạo các icon, lưu ý các thông số để có thể khởi tạo các icon theo mong muốn
Các polyline: GPolyline lấy một mảng các điểm làm đối số, và tạo ra một loạt các đoạn thẳng nối các điểm này lại, việc kết nối các điểm tuân theo một quy luật định trước. Ta có thể chỉnh sửa màu sắc, lực nét, và độ sáng của các line theo mã HTML thập lục phân
8. Các điều khiển:
- Để thêm các điều khiển như là thanh zoom lên bản đồ của ta sử dụng công cụ addControl. Maps API bao gồm một loạt các điều khiển có thể sử dụng cho bản đồ như:
GLargeMapControl: điều khiển pan / zoom cỡ lớn
GSmallMapControl: điều khiển pan / zoom cỡ nhỏ hơn
GSmallZoomControl: điều khiển zoom cỡ nhỏ (không có điều khiển pan) được sử dụng cho các cửa sổ nhỏ phóng to bản đồ được dùng để hiển thị các chỉ dẫn lái xe trên Google Maps
GScaleControl: dùng để scale bản đồ
GMapTypeControl: nút điều khiển cho phép người sử dụng thay đổi qua lại giữa các kiểu bản đồ (chẳng hạn như bản đồ và ảnh vệ tinh)
GOverviewMapControl: một bản đồ tổng quan đặt ở góc của màn hình - Phương thức addControl dùng phương thức GcontrolPosition làm tham số thứ 2
(không bắt buộc phải có), tham số này cho phép ta chỉ rõ vị trí của các điều khiển trên bản đồ. Nếu không có tham số này, Maps API sẽ đặt các điều khiển ở vị trí mặc định
9. XML và RPC:
- Google Maps API cho ta một loạt các phương thức để tạo các đối tượng
XMLHttpRequest, có thể làm việc trong phiên bản hiện hành của IE, Firefox và Safari
- API còn cung cấp một phương thức đơn giản hơn cho các yêu cầu điển hình của HTTP GET gọi là GDownloadUrl, công cụ này loại bỏ sự cần thiết phải kiểm tra trạng thái sẵn sàng của XMLHttpRequest
- Ta có thể phân tích một tài liệu dạng XML với phương thức tĩnh GXml.parse.
Phương pháp này tương thích với hầu hết các trình duyệt hiện tại, trừ phi trình duyệt đó không hỗ trợ phân tích cú pháp XML
10. Giảm lỗi rò rỉ bộ nhớ của trình duyệt:
- Google Maps API khuyến khích sử dụng các hàm kết thúc, và hệ thống xử lý các sự kiện của API: GEvent gán các sự kiện vào các nút mạng của DOM, đó chính là mấu chốt khiến cho một số trình duyệt bị rò rỉ bộ nhớ, đặc biệt là trình duyệt Internet Explorer. Vì vậy phiên bản 2 của Maps API giới thiệu một phương thức
SVTH: Ông Hoàng Trúc Giang - 80504061 Trang 30
Gọi phương thức GUnload () trong sự kiện unload trên trang web sẽ giảm bớt tình trạng rò rỉ bộ nhớ trong các ứng dụng
- Bằng cách sử dụng chức năng này ta đã gần như loại bỏ lỗi rò rỉ bộ nhớ của trình duyệt Internet Explorer trong Google Maps. Mặc dù vậy ta nên kiểm tra lỗi rò rỉ bộ nhớ trên trang web bằng các công cụ như Drip, nếu ta thực sự quan tâm đến các vấn đề gây phá hủy bộ nhớ
Báo cáo thực tập tốt nghiệp GVHD: Th.S Phan Hiền Vũ