Với sự phát triển mạnh mẽ trong lĩnh vực bản đồ các công ty ở Việt Nam như bamboo, địa danh đã xây dựng cơ sở dữ liệu của mình, hiển thị thông tin dựa trên bản đồ của google
MỤC LỤC LỜI NÓI ĐẦU .2 CHƯƠNG 1: GIỚI THIỆU CHUNG CHƯƠNG 2: GOOGLE MAP API 11 CHƯƠNG 3: HỆ THỐNG BẢN ĐỒ TRỰC TUYẾN SỬ DỤNG GOOGLE MAP API 32 TỔNG KẾT 47 LỜI NÓI ĐẦU Như biết đồ từ thời xa xưa giúp người xác định phương hướng, vị trí xác nơi muốn đến, cần đến, giúp cho họ hiểu biết đầy đủ vùng địa lý mà họ tìm hiểu Ngày với giúp đỡ cơng nghệ thơng tin người ta ngồi chỗ tìm kiếm xác đến vùng giới đồ trực tuyến.Hiện nay, đồ trực tuyến lĩnh vực phát triển mạnh mẽ hầu hết nơi giới xây dựng Việt Nam không nằm ngồi số Trên giới google xây dựng đồ trực tuyến toàn giới cung cấp API cho người lập trình để tự xây dựng đồ trực tuyến đất nước Với phát triển mạnh mẽ lĩnh vực đồ công ty Việt Nam bamboo, địa danh xây dựng sở liệu mình, hiển thị thơng tin dựa đồ google Chúng ứng dụng nhiều công nghệ khác NET, PHP, JSP…Cùng xu hướng tơi xây dựng trang web lĩnh vực đồ trực tuyến cho việc hiển thị thông tin gồm thơng tin text, hình ảnh video tất thủ đô giới Ở sử dụng công nghệ NET Web 2.0 kết hợp với Google Map API CHƯƠNG 1: GIỚI THIỆU CHUNG 1.1 Giới thiệu công nghệ 1.1.1 trực tuyến Bản đồ 1.1.1.1.1 Bản đồ Theo wikipedia Bản đồ vẽ đơn giản miêu tả không gian, địa điểm hiển thị thông số liên quan trực tiếp đến vị trí có liên quan đến khu vực xung quanh Theo nhà đồ: Bản đồ miêu tả khái quát, thu nhỏ bề mặt trái đất bề mặt thiên thể khác mặt phẳng phép chiếu xác định, nội dung đồ biểu thị hệ thống ký hiệu quy ước Bản đồ thường dùng địa lý Theo nghĩa đồ thường có hai chiều mà biểu diễn khơng gian có ba chiều đắn Môn đồ khoa học nghệ thuật vẽ đồ 1.1.1.1.2 Bản đồ trực tuyến Theo Trung tâm Thông tin (CIREN thuộc Bộ Tài nguyên - Mơi trường) quan cung cấp DV này: Ngồi việc cung cấp thông tin cho người truy cập, hệ đồ cịn có ý nghĩa sở liệu quan trọng phục vụ hoạt động quan Chính phủ, quan nghiên cứu khoa học phục vụ việc phổ cập thông tin cộng đồng DV CIREN thiết lập theo tiêu chuẩn OGC WMS Do vậy, sử dụng đồ trực tuyến VN kết hợp với nhiều dịch vụ WMS tổ chức quốc gia giới CIREN có hướng dẫn phương pháp kết hợp dịch vụ đồ trực tuyến VN với nguồn ảnh vệ tinh Microsoft Virtual Earth Yahoo Map Người sử dụng bổ sung nguồn liệu riêng liệu địa lý tồn cầu mà khơng cần phải có liệu gốc Đặc biệt, CIREN cung cấp ứng dụng miễn phí Gaia 3.0 để khai thác dịch vụ WMS Trong thời gian tới, CIREN cung cấp đường liên kết tới dịch vụ WMS đường link tới dịch vụ WMS quốc tế 1.1.2 Web 2.0 Công nghệ Sẽ thật tuyệt với vào ngày đó, với máy tính cài đặt hệ điều hành trình duyệt web mà bạn lại thực công việc soạn thảo văn bản, chỉnh sửa ảnh, lập bảng tính, chat, chuyển đổi tài liệu trực tuyến mà không cần phải cài thêm trình ứng dụng Chuyện hồn tồn khơng giấc mơ, phát triển tên gọi Web 2.0 Web 2.0 hệ thứ hai dịch vụ tồn World Wide Web, cho phép người cộng tác hay chia sẻ thông tin trực tuyến với Trái ngược với hệ đầu, Web 2.0 đưa người sử dụng tới gần ứng dụng chạy Desktop so với trang web bình thường chứa đựng thông tin dạng tĩnh Quy ước chung Web 2.0 đưa hội thảo O'Reilly Media MediaLive International phát triển web vào năm 2004 Các ứng dụng Web 2.0 có kết hợp công nghệ phát triển vào cuối thập niên 1990, bao gồm web service APIs (1998), Ajax (1998) web syndication (1997) Chúng cho phép đưa lên trang web số lượng lớn phần mềm chạy web Quy ước bao gồm Blog (trang tin cá nhân) Wiki (từ điển bách khoa mã nguồn mở) Hiện Web 2.0 phát triển mạnh trang web cung cấp ứng dụng chạy trực tuyến nhiều người sử dụng, kể số trang web sau: Trang web cung cấp dịch vụ chat trực tuyến () cho phép bạn chat thẳng web mà cài đặt chương trình chat thơng dụng Yahoo Messenger, MSN Trang web cung cấp dịch vụ soạn thảo văn trực tuyến () cho phép bạn soạn thảo tài liệu trực tuyến giống soạn thảo chương trình bình thường Trang web cung cấp dịch vụ soạn thảo tài liệu đa () cho phép soạn thảo chỉnh sửa loại tài liệu với định dạng PDF/DOC/HTML Trang web lưu trữ liệu trực tuyến () cho phép lưu trữ liệu lên đến GB truy xuất lúc, nơi Ngồi cịn tính bảo vệ chống virus hư hỏng Trang web giúp tạo trang tin cá nhân () cho phép bạn tạo trang web cá nhân với nội dung tùy thích Nó cho phép đưa vào thông tin hay ứng dụng trực tuyến vào trang cá nhân Trang web cung cấp dịch vụ tìm đồ () - (ảnh) cho phép bạn tra cứu đồ nơi giới 1.1.3 mash up Công nghệ Khi Web 2.0 dần trở nên thịnh hành với cơng nghệ Mashup đời phát triển thời gian gần tạo nên cách mạng lớn lĩnh vực Mashup cho phép người thể khả sáng tạo bất tận cách "nối" hai hay nhiều ứng dụng web lại với Thuật ngữ nói đến lâu giới công nghệ trọng Theo từ điển trực tuyến Wikipedia, Mashup định nghĩa cơng cụ có khả lấy thông tin từ nhiều nguồn liệu khác nhằm tạo dịch vụ tích hợp đơn hồn tồn mẻ Người sử dụng khơng cần phải am hiểu kỹ thuật mà cần xây dựng dịch vụ dựa giao diện lập trình ứng dụng sẵn có Google, Amazon, Flickr Mashup phân làm bốn loại tiêu biểu: Consumer mashup: Trích xuất liệu khác từ nhiều nguồn tập hợp lại giao diện đồ họa đơn giản Data mashup: Trộn liệu loại từ nhiều nguồn, chẳng hạn gộp liệu từ RSS feed vào feed đơn Business mashup: Sử dụng hai loại mashup trên, thường tích hợp data ngồi cơng ty Ví dụ, cơng ty bất động sản A phân tích thị phần so sánh số nhà họ bán tuần qua với danh sách tổng nhà bán thị trường Telecom mashup ứng dụng viễn thông tổng hợp, chẳng hạn kết hợp dịch vụ tin nhắn từ công ty A, nhạc chuông công ty B, thư thoại (voicemail) công ty C Mashup thể rõ đặc trưng Web 2.0 "cá nhân hóa thơng tin" Chẳng hạn, nhà lập trình tạo website chia sẻ ảnh video riêng kết hợp hai dịch vụ YouTube Flickr Hay người sử dụng "trộn" liệu tình trạng giao thơng Hà Nội với Google Maps để lập đồ điểm thường xuyên tắc đường thành phố Mash-up cơng ty cung cấp dịch vụ có khả kết hợp công nghệ Web 2.0 lại với "Ngay Google Maps Google Earth đời, nhiều người tích hợp cơng cụ vào dịch vụ họ kiếm bộn tiền, chẳng hạn xây dựng đồ khu vực nhiều tội phạm thành phố", Clark nói Có thể kể tên mash-up phổ biến RateItAll.com, nơi người dùng đưa nhận xét thứ họ thích khơng thích, Like.com, cho phép người tìm kiếm so sánh mặt hàng tương tự thứ họ vừa mua "Chỉ hai đầu hai máy tính thung lũng Silicon làm vơ số việc thời gian ngắn Do đó, nhà đầu tư phải xác định công ty họ định rót vốn có đặc điểm trội so với số đông", chuyên gia đầu tư mạo hiểm Peter Rip nhận xét Thông thường dịch vụ web dùng mashup kết hợp đồ với nhiều loại liệu từ nhiều nguồn web Trong năm qua, chứng kiến nhiều site đình đám, Zillow.com dự đoán giá bất động sản hay AuctionMapper thể kết tìm kiếm eBay đồ để giúp định vị người bán hàng gần Nhưng mashup cịn làm nhiều việc đồ có giải cho website thơng thường Kỹ thuật áp dụng cho ứng dụng nghiệp vụ phục vụ hoạt động doanh nghiệp Vì mashup dựa tảng kỹ thuật có - JavaScript, XML DHTML, kết hợp với kết nối Internet tốc độ cao để hỗ trợ giao diện đồ họa tính phong phú - nên không yêu cầu đầu tư nhiều Mashup bắt đầu xem xét cách nghiêm túc giải pháp cho vấn đề tích hợp, ứng dụng vốn thường gánh nặng trước Cách thức tích hợp linh hoạt áp dụng trước đây, site thương mại điện tử kết hợp liệu giám sát UPS hay FedEx (các dịch vụ vận chuyển hàng hố) với thơng tin đơn hàng để cung cấp hình tổng hợp tình trạng đơn hàng Trong môi trường doanh nghiệp, hãng cung cấp giải pháp portal (cổng thông tin) IBM Plumtree từ lâu cung cấp công cụ đồ hoạ phép kết hợp nguồn liệu cách dễ dàng, tạo nên ứng dụng web tùy biến đơn giản Trên thực tế, thường gặp bốn nội dung Mashup: Bản đồ: Chẳng hạn người dùng lập đồ bất động sản, cửa hàng quà tặng, trường học địa phương qua Google Maps Video - ảnh: Ví dụ dùng giao diện lập trình ứng dụng API Flickr để tạo mashup chia sẻ ảnh site khác Tìm kiếm - mua sắm: Là việc tích hợp search engine để tra cứu thông tin du lịch, nhà hàng Tin tức: Tiêu biểu Digg.com - dịch vụ hỗ trợ người sử dụng tập hợp tin tức cơng nghệ, văn hóa từ hàng loạt website khác Tuy nhiên, mashup dễ tạo so với nhiều ứng dụng truyền thống nên chúng khơng kiểm sốt kỹ lưỡng mặt bảo mật Nhiều ứng dụng loại dựa JavaScript vốn có nhiều kẽ hở Việc cài đặt thoải mái thành phần mashup bên mối hiểm họa bạn khơng biết rõ bên thực tác vụ Mặc dù hấp dẫn với ứng dụng phát triển nhanh gọn nhẹ, mashup có hạn chế Theo Stefan Andreasen - giám đốc kỹ thuật Kapow Technologies, "các mashup có ý nghĩa cho 80% qui trình CNTT thơng thường Nhưng khơng cơng ty sử dụng mơ mashup cho thông tin quan trọng" 1.1.4 mash up Mơ hình Seely Brown khẳng định việc thương mại hố nhanh chóng phần cứng phần mềm với băng thông rộng giúp tạo tảng cho dịch vụ tự xây dựng trang web phức tạp Trong đó, trình duyệt ngày đại, cho phép ứng dụng web có tính tương tác cao người dùng quen với việc hoà trộn thông tin từ nhiều nguồn khác để tạo ứng dụng riêng họ Đó “mash-up” Những công cụ lên mở đường cho người dùng tạo trang web phức tạp hơn, phải kể đến bùng nổ blog, Wikis … Có nhiều cách tiếp cận với ý tưởng cung cấp dịch vụ tự xây dựng trang web Một số nhà cung cấp theo hướng tạo trang web đồng sở hữu – Wikis Nhưng có nhà cung cấp lại theo hướng đưa ứng dụng xuất web máy tính để bàn lên web – blog hay trang web cá nhân Đối lập với công cụ xuất web hệ FrontPage hay Dreamweaver, nhiều dịch vụ cho phép người dùng tạo ứng dụng trực tiếp từ trình duyệt web lưu trữ trang web hồn thiện máy chủ nhà cung cấp dịch vụ Thay đơn giản xuất trang web, số nhà cung cấp dịch vụ tích hợp dịch vụ web YouTube, Flickr hay Amazon.com … cho phép người dùng tự tạo mash-up riêng họ 1.1.5 kết hợp Ứng dụng Một xu hướng Web 2.0 phổ biến mash-up, tức người kết hợp liệu khác để tạo nên dịch vụ sản phẩm Nói đơn giản, mash-up tương tự việc người ta tách hát album nghệ sỹ thời kỳ để chọn ca khúc mà họ hài lòng Google Maps tảng yêu thích giới tạo mash-up, xây dựng đồ chứa thông tin tội phạm, hộ dân cư đồ thuế 1.2 Một số trang web du lịch có sử dụng đồ trực tuyến 1.2.1 trang web Giới thiệu Tại địa www.ciren.gov.vn, người truy cập xem đồ giao thông; đồ hệ thống vườn quốc gia, khu bảo tồn, rừng ngập mặn; đồ trạng sử dụng đất, quy hoạch đất; thông tin ảnh hàng không ảnh vệ tinh Trong sống, bận rộn với công việc ngày mà danh lam thắng cảnh nước ta bạn biết đến biết vài nơi quen thuộc, tiếng mà Trang Web thangcanhdep.com có giao diện đẹp mắt, bố cục rõ ràng, dễ dàng việc tra cứu sử dụng Website hoạt động với gần 100 khu du lịch, địa điểm, danh lam thắng cảnh nước ta xếp theo chủ đề, mục Thắng cảnh, Du lịch biển, Hang động, Vườn quốc gia Hơn nữa, hình ảnh minh họa cho đề mục giống tập Atlas Việt Nam, nên bạn khơng gặp phải khó khăn lúc tra cứu Hình 1: Hình ảnh website có sử dụng đồ trực tuyến 1.2.2 toán Giới thiệu Ở trang web hầu hết mang tính giới thiệu mặt hình ảnh cùa vùng đồ trực tuyến, chưa có đoạn video quảng bá, đoạn văn mô tả ngắn Bên cạnh hạn chế mặt sở liệu việc giới thiệu hình ảnh thành phố lớn đất nước Vì việc quảng bá hình ảnh đất nước với giới phần hạn chế Cùng với trang web sử dụng đồ trực tuyến, xây dựng trang web quản lý hệ thống thông tin.Trước hết cho phép người dùng xem thơng tin thủ gồm diện tích, dân số số thơng tin liên quan đến thủ Bên cạnh hiển thị video hình ảnh thủ Đồng thời hiển thị vị trí vĩ độ, kinh độ thủ đồ trực tuyến.Ngồi trang web cịn cho phép người quản lý nhập liệu, chèn thêm liệu, xoá hay sửa đổi liệu thông tin thay đổi Ở sử dụng công nghệ ASP.NET Web 2.0 Tạo sở liệu SQL server 2005 kết hợp với sở liệu đồ Google Map để hiển thị thông tin Trong chương tìm hiểu kỹ Google Map API dùng sở liệu Google Map kết hợp với sở liệu tự xây dựng đến nhiều phát minh đời sau dựa khái niệm mẽ theo xu hướng phát triển công nghệ Tin Học (Information Technology) cần đưa vào kiểu mẫu phát triển Nhờ vậy, ta nói khơi khơi ASP.NET khơng phải ASP Thật , ASP.NET cung cấp phương pháp hoàn toàn khác biệt với phương pháp ASP .3.2 Mơ tả tốn 3.2.1 tả lời Mơ Một trang web có chức : Tìm kiếm thủ đô đồ trực tuyến đồng thời hiển thị thơng tin gồm : video, hình ảnh thơng tin text Trong thơng tin text chưa làm phần địa lý, dân số, thông tin khác Trong phần địa lý hiển thị thông tin vùng thủ đó, diện tích số bang số quận huyện Trong phần dân số hiển thị số dân, mật độ dân tộc thủ Cịn phần thông tin khác hiển thị mã số điện thoại, mã số bưu chính, mã số ISO mã số xe Đồng thời với người quản lý trang web nhập thêm thơng tin thủ đó, chèn thêm thơng tin xố sửa thơng tin thủ 3.2.2 hồ sơ liệu Các Thông tin tài khoản User Password Dân số Thông tin khác Thông tin thủ đô Địa lý 34 Video 3.2.3 ết lập biểu đồ ngữ cảnh Thi 3.2.3.1 Thiết lập biểu đồ ngữ cảnh 3.2.3.2 Biểu đồ phân rã chức 35 3.2.3.3 Mô tả chi tiết chức 1) Đăng nhập: Khi người sử dụng thực việc nhập user, password gửi cho hệ thống, hệ thống kiểm tra tính xác thực cấp quyền cho người sử dụng hệ thống 2) Thao tác thực : Đối với người quản lý hệ thống cho phép nhập thêm, chèn thơng tin, xố liệu hay sửa thơng tin Sau hệ thống cập nhật thao tác thực để tác động lên sở liệu, đồng thời thay đổi sở liệu theo ý người quản lý Chức không cấp quyền cho người sử dụng 3) Tìm kiếm thơng tin : Người sử dụng xem thơng tin thủ đô phần địa lý, phần dân số, phần thơng tin , video thủ 3.2.3.4 Liệt kê hồ sơ sử dụng Tài khoản Thủ đô Địa lý Dân số Thông tin khác Video 36 3.2.3.5 Lập ma trận thực thể - chức Các thực thể a.Tài khoản b Thủ đô c Địa lý d Dân số e.Thông tin khác f Video Các chức nghiệp vụ a Đăng nhập R Cập nhật Tìm kiếm b c d e f U U U U U R R R R 37 R .3.3 Biểu đồ luồng liệu 3.3.1 u đồ luồn liệu mức Biể 3.3.2 hình liệu : Mơ hình E-R Mơ Bước : Liệt kê xác chọn lọc thô Tài khoản User V Password V 38 Thông tin thủ đô Mã thủ đô V Tên thủ đô V Tên quốc gia V Địa Lý V Mã thủ đô V Vùng V Diện tích V Số quận/huyện V Dân số V Mã thủ đô V Dân số V Mật độ V Dân tộc V Thông tin khác V Mã thủ đô V Mã điện thoại V Mã bưu V Mã ISO V Mã số xe V Video V Mã thủ đô V Link video V Bước : Xác định thực thể thuộc tính 39 Tài khoản(user, password) Thu dơ(ma_thu_do, ten_thu_do, ten_quoc_gia); Địa lý(ma_thu_do, vung, dien_tich, so_quan_huyen); Dân số(ma_thu_do, so_dan, mat_do, dan_toc); Thông tin bang_so_xe); khác(ma_thu_do, ma_dienthoai, ma_buuchinh, ma_iso, Video(ma_thu_do, link video) 3.3.3 uyển mơ hình E-R sang mơ hình quan hệ Ch 3.4 Thiết kế sở liệu vật lý Table : Tài khoản Thuộc tính Kiểu liệu Cỡ 40 Khố User Nvarchar() 50 Khố Password Navarchar() 50 Thuộc tính Kiểu liệu Cỡ Khố Mã thủ Nvarchar() 50 Khố Tên thủ Navarchar() 50 Tên quốc gia Numeric() 10 Thuộc tính Kiểu liệu Cỡ Khố Mã thủ Nvarchar() 50 Khố Vùng Navarchar() 50 Diện tích Numeric() 10 Số Quận Huyện Numerice() Table: Thủ đô Table : Địa lý 41 Table : Dân số Thuộc tính Kiểu liệu Cỡ Khố Mã thủ Nvarchar() 50 Khố Dân số Numeric() 10 Mật độ Numeric() 10 Dân tộc Nvarchar() 50 Table : Thông tin khác Thuộc tính Kiểu liệu Cỡ Khố Mã thủ Nvarchar() 50 Khố Mã điện thoại Numeric() Numeric() Mã ISO Nvarchar() 50 Bảng số xe Nvarchar() 50 Thuộc tính Kiểu liệu Cỡ Khố Mã thủ Nvarchar() 50 Khố Mã điện thoại Numeric() Mã Chính Bưu Table : Video 42 .3.5 Thiết kế mặt giao diện 3.5.1 người dùng Với Chỉ có nut để xem thơng tin thủ Hình 11: Nút xem thơng tin Trong bên trái gồm danh sách thủ nước Hình 12: Danh sách thủ đô nước Sau lựa chọn thủ muốn xem thơng tin người dùng click vào xem thơng tin thị đồ trực tuyến, video, hình ảnh thủ Trước hết video, vĩ độ kinh độ thủ 43 Hình 13: Thơng tin video, kinh vĩ độ đồ trực tuyến Một số hình ảnh thủ Hình 14: Một số hình ảnh 3.5.2 người quản lý Với Các nút nhập, xóa, sửa, xem thông tin thông tin đồ thay đổi 44 Hình 15: Các nút nhập, xố, sửa, cập nhật thơng tin Với nút nhập thơng tin người quản lý chọn thủ đô click vào xem thơng tin thị video, hình ảnh đoạn ngắn mơ tả thủ Khi người quản lý click vào nhập thông tin Hình 16: Ơ nhập thơng tin Sau người quản lý click button “kiem tra va nhap tiep” hệ thống kiểm tra thủ có tồn thủ hay khơng ?Nếu tồn form nhập liệu cho thủ đô Hình 17: Nhập thơng tin 45 Với nút xố thơng tin Hình 18: Xố thủ Sau người quản lý click button “kiem tra va cap nhat” hệ thống kiểm tra thủ có tồn thủ hay khơng ?Nếu tồn xố thủ khỏi sở liệu Với nút cập nhật thông tin Sau người quản lý click button “kiem tra va cap nhat” hệ thống kiểm tra thủ có tồn thủ hay khơng ?Nếu tồn form cập nhật liệu cho thủ đô có giao diện giống hình 17 46 TỔNG KẾT Tóm lại, khóa luận cung cấp kiến thức đồ trực tuyến, công nghệ hỗ trợ Web 2.0, ASP.NET Google Map API Cụ thể, khóa luận gồm phần sau: Khái niệm đồ trực tuyến, công nghệ Web 2.0, ASP.NET, công nghệ mash up Tổng quan Google Map API Xây dựng hệ thống đồ gồm chức xem thông tin, nhập thông tin, xố thơng tin sửa thơng tin sở liệu thủ đô Hiển thị video, hình ảnh đoạn ngắn mơ tả địa lý, dân số số thông tin khác liên quan tới thủ đô Web 2.0 với công nghệ ASP.NET, sử dụng Google Map API Do hạn chế mặt thời gian kiến thức, khóa luận cịn nhiều sai sót thiếu chi tiết, mong đóng góp thầy/ bạn để luận văn hoàn thiện Hướng phát triển đề tài: Xây dựng trang web hoàn thiện mặt giao diện chức Có thể kiểm sốt lỗi sửa lỗi người dùng người quản lý trang web có thao tác sai sở liệu Trước hết tiến tới xây dựng cảnh đẹp thành phố thắng cảnh đẹp địa danh tiếng Việt Nam để giới thiệu với bạn bè quốc tế Xây dựng sở liệu hồn chỉnh với nhiều thơng tin liệu đồ 47 48 ... tin text, hình ảnh video tất thủ đô giới Ở sử dụng công nghệ NET Web 2.0 kết hợp với Google Map API CHƯƠNG 1: GIỚI THIỆU CHUNG 1.1 Giới thiệu công nghệ 1.1.1 trực tuyến Bản đồ 1.1.1.1.1 Bản... với Google Maps để lập đồ điểm thường xuyên tắc đường thành phố Mash-up công ty cung cấp dịch vụ có khả kết hợp cơng nghệ Web 2.0 lại với "Ngay Google Maps Google Earth đời, nhiều người tích hợp. .. trang web cịn cho phép người quản lý nhập liệu, chèn thêm liệu, xố hay sửa đổi liệu thơng tin thay đổi Ở sử dụng công nghệ ASP.NET Web 2.0 Tạo sở liệu SQL server 2005 kết hợp với sở liệu đồ Google