Nội dung

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

6 tháng trước, Thủ thuật web, 101 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ài viết mới cập nhập

  • Cách Tạo Popup Cho Website WordPress

    Cách Tạo Popup Cho Website WordPress

    6 ngày trước, 193 Lượt xem

    Xin chào các bạn, hôm nay netweb sẽ có 1 bài hướng dẫn các bạn cách tạo 1 popup cho website và sử dụng boostrap…

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

Đam mê thiết kế web, kinh nghiệm 9 năm trong nghề thiết kế website, đang thiết kế web dạo tại netweb.vn, Callme: 08.9898.2526 (Mr Hải)