Bạn có muốn tích hợp một bản đồ Google Maps đơn giản nhất có thể không? Làm việc với mã HTML đơn giản từ Divi Builder, giải pháp này giúp bạn có thể phân phối quy trình lấy khóa API.
1. Đi tới Google Maps
Sau đó, bạn nên tìm vị trí chính xác mà bạn muốn chia sẻ trên trang web của mình và phóng to cho đến khi bạn thấy rõ vị trí trên bản đồ.
2. Nút “Chia sẻ”
Nhấp vào nút menu “Chia sẻ” ở trên cùng bên trái màn hình của bạn để xem tùy chọn và sau đó nhấp vào tùy chọn “Nhúng bản đồ”.
3. Cửa sổ “Chia sẻ”
Sau đó, một cửa sổ sẽ mở ra, nơi bạn sẽ thấy hai tab có tên “Gửi liên kết” và “Nhúng bản đồ”. Chọn tab “Nhúng bản đồ” và bạn sẽ tìm thấy mã HTML ở đó.
Sao chép mã HTML này bằng cách nhấp vào “SAO CHÉP NỘI DUNG HTML”:
Đây là những gì mã này đại diện, thay đổi tùy theo vị trí của Google Maps:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3456.0066415390556!2d31.132007850800175!3d29.979239128515893!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14584587ac8f291b%3A0x810c2f3fa2a52424!2sPyramide%20de%20Kh%C3%A9ops!5e0!3m2!1sfr!2ses!4v1645881660798!5m2!1sfr!2ses" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
4. Truy cập trang web của bạn
Bây giờ hãy truy cập trang web của bạn nơi bạn muốn hiển thị bản đồ. Bạn phải dán mã Html của mình vào mô-đun CODE của Trình tạo Divi (Nội dung> Văn bản). Xác thực. Sau đó, bản đồ sẽ được hiển thị trên trang của bạn:
5. Điều chỉnh kích thước bản đồ
Bạn có thể dễ dàng thay đổi kích thước của bản đồ bằng cách sửa đổi thủ công các giá trị “chiều rộng và” chiều cao “có trong mã HTML mà bạn vừa lấy được.
Nhiều mẹo hơn có sẵn ở đây .
