![]() |
Hiệu chỉnh các phần thiết lập để thêm bớt tính năng cho bản đồ Google Maps |
Thêm tin nhắn cho bản đồ
Những thông tin cơ bản đã được đưa vào bản đồ Google Maps trong lần trước, nếu muốn bổ sung thêm thông tin về vị trí thì đưa dòng mã sau vào bên dưới map.setCenter.
map.openInfoWindow(map.getCenter(), document.createTextNode(“Xin chao, chao mung den New4Hack.com, vi tri hien tai la Vietnam”));
Sau khi nhập dòng mã trên vào bên dưới map.setCenter, một "bong bóng" tin nhắn sẽ hiển thị trên bản đồ với dòng chữ "Xin chao, chao mung den New4Hack.com, vi tri hien tai la Vietnam". Bạn có thể tự sửa chữa phần chữ thay thế trong dấu ngoặc kép để mô tả ngắn về vị trí khởi điểm của bản đồ. Dòng tin nhắn sẽ hiển thị ở giữa bản đồ.
![]() |
Hiển thị tin nhắn khi khởi động bản đồ |
Bản đồ vệ tinh
Google Maps có thể xem được theo hai dạng: bản đồ thường và bản đồ với các hình ảnh từ vệ tinh. Để thay đổi cách hiển thị bản đồ của mình từ loại thông thường sang vệ tinh, tiếp tục bổ sung đoạn mã sau ở bên dưới phần code ở trên: map.setMapType(G_SATELLITE_MAP); .Ta cũng có thể đổi G_SATELLITE_MAP thành G_HYBRID_MAP để đổi cơ chế hiển thị bản đồ "lai" tùy ý.
![]() |
Thay đổi chế độ hiển thị bản đồ thành những hình ảnh vệ tinh |
Phóng to, thu nhỏ bản đồ
Đây là chức năng không thể thiếu khi đưa Google Maps lên website của bạn. Thêm chức năng này vào bản đồ cũng không khó, chỉ việc thêm dòng mã sau: map.addControl(new GLargeMapControl()); (bao gồm cả dấu chấm phẩy) hoặc đổi thành GsmallZoomControl để thêm nút như hình minh họa.
![]() |
Phóng to thu nhỏ, xem chi tiết các cạnh bên |
Ngoài ra, các webmaster muốn một bản đồ cài đặt nhanh chóng và hiệu quả hơn có thể tham khảo phần Google Mapplets API thay vì Google Maps API. Nó giúp tạo các ứng dụng tự cài đặt trên website Google Maps. Khách truy cập vào website chính của Google Maps sẽ có thể thấy được nội dung mà bạn đã tạo và cài đặt.
Truy cập vào Google Mapplets API, chọn cài đặt Developer Mapplet. Phần Developer Mapplet sẽ xuất hiện trong thẻ My Maps khi bạn truy cập vào maps.google.com.
![]() |
![]() |
Khai thác Google Mapplets API để đưa bản đồ lên website chuyên nghiệp hơn |
Tham khảo tiếp phần hướng dẫn lập trình XML để tùy biến tương tự như đã "xào nấu" với Google Maps API. Mapplet của bạn phải có mặt trên máy chủ công cộng để có thể xem được, đặt liên kết maps.google.com/ig/add?synd=mpl& pid=mpl&moduleurl= lên website và khách truy cập khi nhấn vào liên kết này sẽ được yêu cầu cài đặt Mapplet.
Một chút thời gian tham khảo và thực hiện, bạn đã có được một bản đồ trực tuyến khá "pro" trên website của mình. Bạn có thể tiếp tục tìm hiểu các hướng dẫn để bổ sung thêm những chức năng khác cho bản đồ trực tuyến càng chuyên nghiệp hơn.
Tối đa: 1500 ký tự
Hiện chưa có bình luận nào, hãy là người đầu tiên bình luận