Share Code Web - Chia sẻ niềm đam mê bất tận > Lập trình > Web Design > HTML/CSS > Thủ thuật nhúng Google Map vào website
Thủ thuật nhúng Google Map vào website
Nguyễn Trung Hiếu
Share Code Web Company 2014

Thủ thuật nhúng Google Map vào website

Đầu xuân năm mới làm một bài khai xuân cái nhỉ. Lang thang trên mạng thấy cái tuts này hay hay, lại mới, nên leech về cho anh em tham khảo. Bài viết về hướng dẫn nhúng Google Map vào website

Chủ đề nghe tưởng cũ, nhưng không hề cũ tí nào. Google vừa mới ra mắt công cụ có tên Maps Google Lite cho phép chúng ta chỉnh sửa, chia sẻ bản đồ mạnh hơn rất nhiều, và tất nhiên, để sử dụng được công cụ này, bạn cần có một tài khoản Google

Ví dụ về chia sẻ bản đồ trên website


Bạn có thể thấy thành quả của mình sau khi làm theo bài tuts trên, nhìn đẹp hơn phải không?

Maps Engine Lite

Bạn có thể truy cập vào địa chỉ https://mapsengine.google.com/ để bắt đầu khám phá tính năng mới
maps engine lite
và bắt đầu tạo map để chia sẻ bằng cách click vào nút New Map
google new map
Tìm địa điểm mà bạn muốn chia sẻ trên thanh search
google new map search
Sau khi đã có địa điểm cụ thể, bạn có thể chỉnh sửa lại cho dễ nhìn
google title map
Chỉnh sửa lại icon cũng như vài thông số cho nó “khác người” 😀
google map icon

Thay đổi cài đặt maps

Sau khi có maps rồi, bạn cần tinh chỉnh lại một số cài đặt để mọi người có thể nhìn thấy địa điểm của bạn. Bạn click vào nút share bên góc trên tay phải, rồi làm theo ảnh dưới
google public
Cuối cùng là click vào hình thư mục, chọn cách thức nhúng vào website là ok
google embed

Tổng kết

Công cụ này mới chỉ ở giai đoạn beta, có nghĩa là Google chưa công bố cho phép sử dụng rộng rãi, nhưng bạn cũng có thể thử nghiệm với cách chia sẻ bản đồ mới theo cách này. Chúc bạn thành công!

Tác giả: Nguyễn Trung Hiếu

Một blogger ... cùi bắp! Đơn giản: tôi muốn ghi lại những gì xảy ra xung quanh, cả công việc lẫn cuộc sống và chia sẻ với các bạn đọc. Nếu bạn cảm thấy bài viết có nhiều điểm không chính xác, hãy comment và chia sẻ để tôi còn được học hỏi từ những góp ý của bạn. Email: hieunt.dcn@gmail.com

http://sharecodeweb.net/?s={search_term_string}