Cửa sổ thông tin là cửa sổ nhỏ hiển thị trên bản đồ để cung cấp thông tin bổ sung tương tác với người dùng. Cửa sổ thông tin có thể chứa các thông tin dạng văn bản, hình ảnh, các liên kết tới các trang khác, thông tin chỉ đường, cửa sổ có thể bao gồm nhiều thẻ với các nhóm thông tin khác nhau. Cửa sổ thông tin thường xuất hiện sau sự kiện nhấn chuột của người dùng, trong một số trường hợp cửa sổ nhỏ được hiển thị khi tải bản đồ để chú thích cho một đối tượng quan trọng.
Cửa sổ thông tin được cung cấp với các thuộc tính chứa trong đối tượng
InfoWindow options nhằm định dạng giao diện cụ thể. Sau khi được tạo ra, cửa sổ chưa được gắn vào bản đồ. Để gọi cửa sở hiển thị trên bản đồ cần dùng phương thức open(), phương thức này thường gắn với một điểm đánh dấu nào đó để cửa sổ thông tin bổ trợ thông tin cho chính điểm được đánh dấu. Các thuộc tính cơ bản của cửa sổ thông tin bao gồm:
- Nội dung hiển thị trong cửa sổ, được xây dựng dựa trên ngôn ngữ HTML.
- Tọa độ vị trí cửa sổ thông tin sẽ xuất hiện và chú thích cho nó, nếu cửa sổ thông tin gắn với một đối tượng đánh dấu động thì tọa độ này sẽ thay đổi theo sự thay đổi vị trí của đối tượng đánh dấu.
- maxWidth là khai báo về chiều rộng tối đa của cửa sổ theo đơn vị điểm ảnh. Đối với chiều cao của cửa sổ thông tin, tùy thuộc vào độ lớn của nội dung trong cửa sổ thông tin mà chiều cao của cửa sổ sẽ được co dãn tự động, nếu chiều cao vượt quá khung hiển thị của bản đồ thì nó sẽ tự động bị cắt, thông tin vượt ra cửa sổ và hiển thị lấp nội dung của bản đồ.
Để gán nội dung cho cửa sổ thông tin, chúng ta có thể dùng thuộc tính
InfoWindow options hoặc gọi hàm setContent(). Nếu muốn cửa sổ thông tin định vị trong khung hiển thị bản đồ và hiển thị được lượng thông tin lớn, chúng ta có thể sử dụng thẻ <div> để tạo khung cho cửa sổ, sau đó nhúng thêm thanh cuộn dọc để giúp những thông tin bị ẩn có thể được người dùng cuộn lên khi cần.