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

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 don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

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

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

rs_lyly2009

Former Moderator

Thành viên BQT

Former Moderator

13/11/18

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).

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

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

Nhấp chuột vào COPY HTML

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