Cách nhúng Google Maps vào bài viết | VN-Zoom | Cộng đồng Chia Sẻ Kiến Thức Công Nghệ và Phần Mềm Máy Tính

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We need money to operate the site, and almost all of it comes from our online advertising.

If possible, please support us by clicking on the advertisements.

Please add vn-z.vn to your ad blocking whitelist or disable your adblocking software.

×

Cách nhúng Google Maps vào bài viết

rs_lyly2009

Moderator
Thành viên BQT
Bài viết sau sẽ hướng dẫn nhúng Google Maps vào trong bài viết WordPress

Phần 1. Lấy mã nhúng Google Maps
Đầu tiên truy cập vào Google Maps theo địa chỉ: Maps.Google.com – Gõ địa chỉ vào ô Search Google Maps rồi Enter hoặc nhấn nút Tìm kiếm (biểu tượng kính lúp trong hình).

nhung-google-maps-1-min.png


Nhấp chuột vào phần Share (hoặc Chia sẻ, nếu đang để giao diện Tiếng Việt).

nhung-google-maps-2-min.png


Chọn tiếp phần Embed a map

nhung-google-maps-3-min.png


Nhấp chuột vào COPY HTML

nhung-google-maps-4-min.png


Bạn sẽ nhận được một đoạn mã dạng như sau:

Mã:
<iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3826.2094863163757!2d107.59270841410785!3d16.464926933086904!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3141a13c344b734f%3A0x551d8f18f5cc94f3!2zNjUgQuG6v24gTmdow6ksIFBow7ogSOG7mWksIFRow6BuaCBwaOG7kSBIdeG6vywgVGjhu6thIFRoacOqbiBIdeG6vywgVmlldG5hbQ!5e0!3m2!1sen!2s!4v1526877865584″ width=”600″ height=”450″ frameborder=”0″ style=”border:0″ allowfullscreen></iframe>

Trong đó width=”600″ và “height=”450” theo thứ tự là chiều rộng và chiều cao của bản đồ.

Phần 2. Nhúng Google Maps vào bài viết
Cách nhúng vào bài viết và trang giống nhau, nên mình sẽ hướng dẫn nhúng vào bài viết.

Mở bài viết cần nhúng. Đặt con trỏ chuột tại vị trí cần nhúng. Chọn Văn bản

nhung-google-maps-5-min.png


Dán đoạn mã nhúng Google Maps đã có ở trên vào vị trí cần nhúng

nhung-google-maps-6-min.png


Cập nhật (hoặc Đăng bài viết) và xem kết quả.

Sưu tầm
 


Top