17

Cách thêm Google Maps vào trang web

  • 10
  •  
  •  
  •  
  •  
  •  
  •  
    10
    Shares

Chào các bạn, hôm nay mình xin chia sẻ với các bạn cách làm thế nào để thêm bản đồ địa chỉ của bạn vào trang web thông qua dịch vụ Google Maps nhé. Đôi khi người dùng nếu chỉ xem địa chỉ viết bằng chữ thôi thì sẽ rất khó để hình dung đường đi đến cửa hàng hay cơ sở kinh doanh của bạn. Nhưng nếu chúng ta có hiển thị thêm cái bản đồ bên dưới thì sẽ thuận tiện hơn. Người xem sẻ dễ hình dung địa chỉ đó nằm gần khúc đường nào, có những địa điểm nào lân cận để làm mốc, và họ sẽ dễ biết đường đi hơn. Chúng ta hãy cùng tìm hiểu cách làm như thế nào nhé.

Đầu tiên bạn vào trang Google Maps. Bạn sẽ thấy màn hình hiện ra như thế này. Trong khung nhập liệu có tên là Search Google Maps bạn nhập vào địa chỉ của bạn.

Sau khi địa chỉ hiện ra, bạn bấm vào nút Share như hình bên dưới.

Một hộp thoại sẽ hiện ra và bạn chọn vào tab Embed map. Sau đó bạn chọn kích cỡ cho bản đồ. Có những loại kích cỡ như nhỏ, vừa, và lớn, hoặc bạn cũng có thể tùy chỉnh kích cỡ theo ý mình. Sau đó bạn copy cái đoạn mã trong khung kế bên tùy chọn kích cỡ.

Bạn quay lại website của bạn, trong phần chỉnh sửa trang hay chỉnh sửa bài viết, bạn để ý thấy có cái tab tên là Văn bản, bạn chọn vào đấy. Sau đó trong khung soạn thảo nội dung, bạn dán cái đoạn mã vừa copy lúc nãy vào đây. Và đừng quên lưu lại nhé.

Và đây là thành quả sau cùng, bản đồ đã hiển thị trong trang liên hệ như các bạn thấy bên dưới. Thật đơn giản đúng không nào. Chúc các bạn thành công.

Cảm ơn các bạn đã theo dõi bài viết, hẹn gặp lại các bạn trong những bài tiếp theo nhé.

 

— Phạm Hữu Hiền


  • 10
  •  
  •  
  •  
  •  
  •  
  •  
    10
    Shares

Phạm Hữu Hiền

Lập trình viên, đam mê ca hát và chia sẻ kiến thức cho mọi người với phương châm Gieo Kiến Thức - Gặt Niềm Vui. Rất vui được kết nối với mọi người!

17 Comments

    • Chào bạn, trong Google Maps, bạn bấm chọn địa điểm là địa chỉ cửa hàng của bạn, sau đó chọn View on Google Maps, lúc này màn hình chính của Google Maps sẽ hiện ra và mình tìm đường trên đó nhé!

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *