Divi: làm thế nào để tích hợp bản đồ Google Maps mà không cần khóa API?

Chủ đề Divi - Nhúng Google Maps
Rank Math - Ảnh bìa

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 đồ”.

Chủ đề Divi - Google Maps - Nút Chia sẻ

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 ở đó.

Chủ đề Divi - Google Maps - Nút Chia sẻ

Sao chép mã HTML này bằng cách nhấp vào “SAO CHÉP NỘI DUNG HTML”:

Chủ đề Divi - Google Maps - Nút Chia sẻ

Đâ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:

Chủ đề Divi - Mô-đun "CODE"
Chủ đề Divi - Mô-đun "CODE"

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.

Chủ đề Divi - Mô-đun "CODE"

Nhiều mẹo hơn có sẵn ở đây .

image 100314455 13805217



This publication is also available in : English Français Español Italiano Deutsch Svenska Português Nederlands Türkçe

Leave a Reply