Hướng dẫn chèn google map vào website wordpress

3 tháng trước, Thủ thuật web, 94 Lượt xem

xin chào các bạn, hôm nay netweb sẽ hướng dẫn các bạn cách chèn google map vài website của các bạn 1 cách nhanh chóng nhé, đây cũng là 1 cách khá đơn giản dành cho những web cần nhúng chính xác vị trí các tài sản của nhà đất cho khách dễ dàng tìm kiếm hơn..

Bước 1: vào google map lấy embed

Ví dụ các bạn đang bán đất ở đồng nai thì các bạn vào google map sợt địa điểm bán đất, vd Mình sợt: Số 77 ấp 1 xã lộ 25, Huyện Thống Nhất, Tỉnh Đồng Nai

Trên bản đồ hiện không có địa chỉ nào, nhưng netweb.vn sẽ hướng dẫn các bạn có thể đánh dấu tất cả vị trí bạn muốn và có thể share lên web của các bạn
Các bạn click chuột phải và chọn đây là gì, google sẽ hiện thị rõ kinh độ và vĩ độ cho bạn chọn vị trí bạn chọn, nếu không thấy vị trí bạn cỡ chọn thao tác zoom bản đồ ra cho đến khi bạn chọn được vị trí chính xác của mình nhé
Sau khi chọn đây là gì xong, map sẽ hiển thị kinh và vĩ độ của vị trí đó, các bạn có thể copy sợt lại trên google map, hoặc dễ nhất là click trực tiếp vào!
Sau khi click vào các bạn sẽ được vị trí chính xác để các bạn chia sẻ như hình
Các bạn làm theo hình, chia sẻ–> Nhúng bản đồ –> và sao chép html là các bạn đã có mã chèn vào website

Bước 2: Nhúng bản đồ vào website

Sau khi sao chép xong ở bước 1 chúng ta được mã code như sau để chèn vào website

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d979.5558899406699!2d107.09470605508896!3d10.870593756497946!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTDCsDUyJzE0LjMiTiAxMDfCsDA1JzQwLjciRQ!5e0!3m2!1svi!2s!4v1618626007918!5m2!1svi!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
Thêm mới 1 block html rồi chèn mã code đã lưu được ở trên vào
sửa with 600px thành 100%, sau đó dán mã code vào và chọn cập nhập là xong nhé!
Và đây là thành quả, chúc các bạn thành công

Bình luận trên facebook netweb.vn

Chủ đề liên quan theo Tag