Chương 4. Giải pháp cho vấn đề phát triển ứng dụng bản đồ dựa trên đồ họa véc-tơ SVG Hình Cây DOM quản lý qui trình bắt sự kiện Người dùng tương tác với thành phần này thông qua đoạn mã Javascript. Đoạn thực thi tương ứng cho mỗi sự kiện có thể được nhúng nội tuyến vào trong tập tin .svg, hoặc có thể được đặt trong một tập tin Javascript khác rồi tham chiếu đến tập tin Javascript này từ trong tập tin .svg. Vậy bằng cách thao tác với một điểm, một đường, hoặc một vùng, ta có. | Chương 4. Giải pháp cho vấn đề phát triển ứng dụng bản đồ dựa trên đồ họa véc-tơ SVG tin Javascript này từ trong tập tin .svg. Vậy bằng cách thao tác với một điểm một đường hoặc một vùng ta có thể truy vấn thông tin mà thành đó chứa. Trong trường hợp . của ứng dụng bản đồ thì đó là thông tin về tọa độ chiều dài có bao nhiêu - nhà trên đường đang tương tác. Khi có nhữ ng thông tin này người. lập trình có thể tìm đường đi từ một đỉnh tới một đỉnh khác. Tìm đường đi. từ giữa hai điểm Khi đã xác định được tọa độ hai điểm mà người dùng cân tìm đường đi giữa chúng client sẽ gửi câu lệnh yêu câu server thực hiện việc tìm kiếm đường đi với đỉnh đâu. và đỉnh cuối là hai điểm trên. Yêu câu được server nhận thông qua một 160 Chương 4. Giải pháp cho vấn đề phát triển ứng dụng bản đồ dựa trên đồ họa véc-tơ SVG dịch vụ web web service chạy ở phía server. Sau khi việc tìm đường đã hoàn tất server thông báo lại kết quả cho client cũng thông qua cùng một web trên. Client căn cứ vào kết quả trả về mà hiển thị thông tin trên bản . đồ .svg. Thông tin trả về là một tập các tọa độ kề nhau để đi từ điểm A đến điểm B với A B là hai điểm đã được chọn để tìm kiếm đường đi. Vấn đề thay đổi tỉ lệ phóng to thu nhỏ Bộ hiển thị SVG đã hỗ trợ chức năng phóng to thu nhỏ. Người dùng có thể phóng to đến mức tùy ý mà luôn an tâm rằng ảnh không bị vỡ. Ghi chú Chức năng phóng to trong Adobe SVG Viewer là Ctrl kéo chuột Một cách khác là sử dụng tính năng của server WFS. Khi cần phóng to vùng nào người dùng- chọn một đường bao ngoài của vùng đó. Server dữ liệu sẽ thực hiên chức năng truy vấn đến vùng đó chỉ chọn những tọa độ nằm trong vùng mong muốn. I Ưu điểm của kiến trúc trên - Các xử lý truy vấn dữ liệu được thực hiện ngay bên phía client không cần phải chuyển về sever. - Tốc độ đáp ứng tương tác nhanh hơn so với việc chuyển toàn bộ hàm về server. . I Khuyết điểm của kiến trúc trên - Do server - nằm. phân tán nên việc truy vấn dữ liệu mới từ server sẽ tốn thời gian truyền tải tập tin