Nhúng google map và trang joomla

Trong bài này joomla mobile template sẽ hướng dẫn các bạn cách nhúng một google map vào trang joomla

Bước 1: Tắt chức năng lọc thẻ iframe.

Mặc định, Joomla tự động cắt thẻ iframe và một số thành phần HTML khác do lý do bảo mật. Để nhúng  google map ta phải tắt bộ lọc thẻ iframe bằng cách:

Đăng nhập vào admin, chọn Extensions-> Plugins-> Editor – TinyMCE-> Prohibited Elements, xóa ,iframe( lưu ý là xóa cả dấu ‘,’ trước từ iframe).
joomla-mobile-template 1

Bước 2: Truy cập vào trang google.com/maps và tìm một địa điểm bạn muốn nhúng.

Bước 3: Click vào nút Setting ở góc dưới – phải của trang, chọn Share or embed map. Một cửa sổ mới mở ra, chọn tab Embed map, copy toàn một text trong textbox.
google-map-joomla

Bước 4: Đăng nhập vào trang quản trị, tạo một module kiểu Custom HTML, click vào nút Toggle editor và paste code mà bạn vừa copy, cấu hình các thông số cần thiết khác cho module. embed-google-map-joomla

Sau đó click vào Save & Close, bạn đã có một module google map.

embed-google-map-joomla

Có một cách dễ dàng hơn để nhúng Google Map vào site đó là dùng  plugin BT Google Map tại trang: bowthemes.com/joomla-extensions/bt-google-maps.html

Leave a comment