Monday , February 10 2025
Home / Blogspot/Blogger / Thêm bản đồ Google Maps vào website

Thêm bản đồ Google Maps vào website

Thêm bản đồ Google Maps vào website
4.2 (84%) 5 votes

Bạn muốn website của mình có bản đồ của Google Maps mà không phải là hình ảnh bản đồ đơn điệu hay dung Plugin. Bài viết này sẽ hướng dẫn bạn lấy nhúng code bản đồ của Google Maps đơn giản để gắn lên website.

Google Maps có lợi ích gì khi đặt trên website?

  • Tạo cho người dùng khi ghé thăm website có một cái nhìn tổng quan về địa điểm của bạn.
  • Không sử dụng thông qua một website về địa điểm nào mà vẫn có thể tìm thấy địa điểm cần ghé tới.
  • Khi người xem của bạn đăng nhập vào Google, họ cũng có thể nhìn thấy nhà riêng và cơ quan của họ, vị trí đã lưu và nhiều hơn thế nữa trong bản đồ được nhúng của bạn.
  • Sau đây là các ví dụ mẫu cho các trường hợp cụ thể. Bạn có thể chọn ví dụ thích hợp nhất để chèn vào website của bạn:

Demo

Lấy mã nhúng Google Maps

  1. Truy cập vào Google Maps
  2. Đảm bảo rằng bản đồ bạn muốn nhúng xuất hiện trong màn hình hiển thị bản đồ hiện tại.
  3. Tìm địa chỉ bạn muốn nhứng.
  4. Nhấp vào biểu tượng bánh răng cài đặt ở phía dưới bên phải.
  5. Nhấp Chia sẻ và nhúng bản đồ.
  6. Trong hộp mới xuất hiện, hãy chắc chắn rằng tab Nhúng bản đồ được chọn.
  7. Chọn kích thước nhúng bạn muốn, rồi sao chép HTML và dán mã vào mã nguồn của trang web hoặc blog của bạn.

Hãy ghi nhớ rằng thông tin giao thông và một vài tính năng Maps khác có thể không khả dụng trong bản đồ được nhúng.
Vậy là bạn đã lấy mã nhúng thành công, việc cuối cùng là bạn chỉ việc copy code đó và paste vào bất kỳ chỗ nào mà bạn muốn trên website của bạn.

Với bài viết này, nhiều bạn tự hỏi tại sao trên bản đồ lại có tên của mình ở phần demo. Đó là mình đã đăng ký local và đã xác minh bằng thư của Google gửi về cho mình nên sẽ hiện tên của mình (tên doanh nghiệp muốn đặt tên). Ở bài viết sau mình sẽ hướng dẫn bạn cách đăng ký Google Local để có thể tìm thấy địa điểm hiện tên doanh nghiệp mình. Nếu cần giúp đỡ hãy bình luận ở dưới. Chúc các bạn thành công!

About Đào Duy Cường

Một người viết blog nhằm lưu lại kiến thức và chia sẻ đến bạn bè những kiến thức về SEO, MMO.... Thích Blogger chia sẻ và lưu giữ kiến thức. Mọi thông tin các bạn có thể liên hệ qua liên hệ.

Check Also

Tạo Sticky banner quảng cáo dính trượt trên Sidebar website

Tạo Sticky banner quảng cáo trượt dọc trên Sidebar website

Mục lục nội dung1 Tạo Sticky quảng cáo trên blogspot2 Tạo Sticky quảng cáo trên …

14 comments

  1. Cám ơn bài viết rất hay! Mình có một vấn đề liên quan đến Google Map, mong được gợi ý hoặc hướng dẫn
    Mình thấy các trang web cho thuê căn hộ, mỗi bài đăng căn hộ đều có bản đồ ở phía dưới cho biết căn hộ đó nằm ở đường nào thuộc quận nào, không biết admin có biết cách tạo như vậy trong bài đăng ko ? (trên nền blospot) hoặc biết bài viết nào viết về vấn đề này thì share cho minh tham khảo với. Thanks
    Chúc Admin thành công, phát triển !!

    Mong admin hỗ trợ thông tin, cảm ơn!

  2. CHO HOI BẠN CÓ BIET LAM SEO KO ? MINH CAN LAM SEO CHO CUA HANG đt 0932330333 fb 0985902857

  3. MÌNH ĐÃ có địa chỉ doanh ngiệp trên Google nhung chua biết cách chèn vào .bạn vào trang www.xamdepnhat.com xem bên lập web đã làm gi cho minh chua vì minh cũng thấy chỉ dẫn bản đồ trong huong dẫn đường đi của trang web đấy ko biết có phải đã có rồi ko ?

  4. bạn costhe tra lời = hình ảnh giúp mình đc ko >?

  5. hiện tại mình đã đăng ký với google map địa chỉ doanh nghiệp , google cũng đã gửi mã xác nhận về cho mình nhưng tại sao khi mình search trong google tên trang web không thấy hiện map lên?

  6. anh ơi sao em làm mãi không được , nó bắt gửi mã gì đó anh ạ

  7. Chào bạn Cường. Mong bạn giúp cho mình một vấn đề như sau:
    Mình được phân công upload tin, bài lên Web của công ty. (Trang Web đã được viết từ trước, mình chỉ quản tri trang Admin để up tin, bài thôi).
    Mình muốn up một bản đồ vị trí của công ty mình lên trang liên hệ để các đối tác dể tìm đường đến liên hệ với công ty mình. Các bước tạo bản đồ vị trí của công ty, lấy mã code bản đồ mình làm xong rồi nhưng khi nhúng mã vào trang Liên hệ trong trang Web thì khi vào xem lại chỉ thấy những dòng mã code chứ không thấy bản đồ.( Mặc dù trong trang ADMIN khi mình dán mã code bản đồ và dùng chức năng preview thì bản đò chạy tốt, xem bản đồ và zoom đều bình thường).
    Mong được bạn hướng dẫn. Cảm ơn bạn nhiều!

Leave a Reply

Your email address will not be published. Required fields are marked *