Hướng dẫn chèn Google Maps vào website

Google Maps cho phép người dùng tạo vị trí trên nền tảng này và bạn có thể chèn bất cứ vị trí nào vào website của bạn.

Hướng dẫn chèn Google Maps vào website

Cách này áp dụng cho hầu hết các website và nền tảng web bạn sử dụng.

Tìm địa điểm trên Google Maps

Truy cập vào Google Maps tại địa chỉ: https://maps.google.com

Nhấp vào ô tìm kiếm và nhập tên địa điểm bạn cần tìm (VD: ngân hàng Vietcombank Bắc Ninh, Snow Island Coffee…). Nếu vị trí tồn tại trên Google Maps hệ thống sẽ hiển thị ra một số gợi ý khớp với tìm kiếm của bạn.

Trong trường hợp tên địa điểm chưa được đăng ký trên Google Maps, bạn phải tìm theo tên đường, theo số nhà.

Tìm địa điểm trên Google Maps

Lấy mã chèn dạng HTML

Tại bảng thông tin địa điểm của Google Maps, bạn sẽ thấy nút chia sẻ, nhấp vào nó chọn Nhúng bản đồ.
Bạn sẽ được cấp 1 đoạn mã dạng <ifame src=…..</iframe>. Bạn sao chép đoạn mã đó.

Lấy mã chèn Google Maps

Chèn vào website

Sau khi có mã HTML, để chèn vào website, bạn bật chế độ soạn thảo dạng Code (hầu hết các nền tảng website đều hỗ trợ tính năng này), dán mã vào vị trí bạn cần đặt.

Dán mã HTML vào web

Dán mã HTML vào web

Như ví dụ trên, bạn thấy có 2 thông số bạn có thể tuỳ chỉnh:
width=”600″ : chiều rộng của bản đồ hiển thị trên web
height=”450″ : chiều cao của bản đồ hiển thị trên web

Tuỳ vào vị trí hiển thị bạn có thể nhập thông số phù hợp.

Sau đó bạn chuyển lại về trình soạn thảo trực quan bạn sẽ thấy Google Maps đã hiển thị.

Kết quả sau khi chèn Google Maps

 

Như nội dung trên, chúng tôi hướng dẫn bạn cách cơ bản nhất để nhúng bản đồ vào bài viết. Nếu bạn cần nhúng vào những vị trí khác trên website bạn cần nắm được các thành phần trên web và cách tuỳ chỉnh chúng.

,

NỘI DUNG LIÊN QUAN

Đăng tải sản phẩm nâng cao

Trong nội dung bài hướng dẫn dưới đây, chúng tôi sẽ hướng dẫn các bạn cách tạo các biến thể, các tùy chọn cho sản phẩm: tạo màu sắc, thương hiệu, size..

Đăng tải bài viết, tin tức cơ bản

LƯU Ý: toàn bộ nội dung tin tức, dự án, ảnh thông thường nên sử dụng định dạng JPG và kích thước có chiều rộng khoảng 800-900 (px). Kích thước này vừa với màn hình…

Đăng tin rao vặt BĐS

Các website rao vặt bất động sản do Lotus Media thiết kế, ở mỗi bản có thể có những điểm khác biệt tùy theo yêu cầu của khách hàng, nhưng về cơ bản quy trình…

Đăng tải video lên bài viết

Video là 1 phần rất quan trọng của các website, giúp nội dung bài viết thêm sinh động. Đặc biệt tại các website chuyên về công nghệ thông tin, đào tạo trực tuyến, reviews sản…

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 *

Fill out this field
Fill out this field
Vui lòng nhập địa chỉ email hợp lệ.
You need to agree with the terms to proceed

Menu