Module chèn Google Maps chuyên nghiệp: YOOMaps

Thảo luận trong 'Modules Joomla! 1.5.x' bắt đầu bởi Miso, 31/8/11.

  1. Miso

    Miso Well-Known Member

    YOOMaps

    Tác giả: YOOthemes

    Chức năng chính: chèn địa điểm chính xác trên Google Maps và hiển thị trong website dưới dạng Module, cùng nhiều option thú vị khác. Có thể hiện thị trong bài viết bằng cách load position.

    Demo: Here

    Download: Đính kèm.
    milly, vip, thuylee10713 others thích bài này.
  2. huythun

    huythun Thành viên mới

    bạn ơi hướng dẩn kỷ tí được không ? vd:Google API key ?
    thank banj nhiu nha
  3. bibi1

    bibi1 Active Member

    Hướng dẫn cách chèn map vào bài viết được ko bro ?
  4. Miso

    Miso Well-Known Member

    Để làm được như demo, cần có các bước sau:

    1. Download và cài module YOOmaps.
    2. Cấu hình cho module YOOmaps:
    - Khai báo Google API key. Đăng ký Google API key tại đây.
    - Khai báo toạ độ (kinh độ và vĩ độ) cho địa điểm cần hiển thị trong map. Tìm mã số của toạ độ tại đây.
    - Các option khác là tuỳ chỉnh hiển thị, rất đơn giản.
    3. Cài đặt module lên trên trang chủ:
    - Tạo một position nằm ngang với phần nội dung chính (phần component của template). Cách tạo position mới tại đây.
    Phân tích: Trong trang contact như ở demo thì phần nội dung chính (component) là phần form liên hệ. Cho tất cả phần component vào một div, đặt cho nó float right (trong CSS). Đặt position vừa tạo vào một div, cho nó float left. Như vậy hai phần này sẽ nằm ngang nhau.
    Tuy nhiên sau này ta chỉ cho hiển thị module YOOmaps tại mục liên hệ nên chỉ tại mục này phần nội dung chính mới co hẹp sang phải để nhường chỗ cho map ở bên trái. Các phần khác đều hiển thị full chiều ngang như bình thường.
    - Set module YOOmaps nằm tại position vừa tạo, và Menu Assignment là phần contact.
    Điều này để YOOmaps chỉ hiển thị tại position vừa tạo, và chỉ hiển thị ở trang liên hệ. Các trang khác giữ nguyên.

    ------------------

    OK. Như bạn thấy, để làm như demo bạn cần hiểu rõ về position trong Joomla và còn có kiến thức về HTML+CSS để chỉnh sửa giao diện.
    Đơn giản hơn, YOOmaps vốn cũng chỉ là một module như bao module khác, bạn có thể set nó cho những position có sẵn trong template của mình.

    Mình sẽ viết một bài hướng dẫn chi tiết về cách add YOOmaps vào trong bài viết cũng như bất cứ trang nào trên site như demo, tuy nhiên cũng tuân thủ sát những bước như trên, bạn nào cần tìm hiểu có thể thử làm.

    Tham khảo cách cài đặt và cấu hình YOOmaps: Documentation - YOOtheme - How to set up the YOOmaps
    cuahang0000, nguyenhoa89, neehel6 others thích bài này.
  5. albatron

    albatron Thành viên mới

    mình cài module này thì chỉ hiện thị được 1 địa điểm thôi
    thế mình muốn hiện thị nhiều bản đồ (công ty có nhiều địa điểm) thì làm như thế nào?
  6. manhtrung321

    manhtrung321 Thành viên mới

    Bác Miso có thể giúp, giải thích rõ hơn đoạn này dc không > Hoặc cho mình xin cái file css và cái file mà bác đưa component vào thẻ div
    Cho tất cả phần component vào một div, đặt cho nó float right (trong CSS). Đặt position vừa tạo vào một div, cho nó float left. Như vậy hai phần này sẽ nằm ngang nhau.
    Thanks bác, mình tự học Joomla nên ko biết nhiều, mong bác giúp
  7. duytruongt

    duytruongt Thành viên mới

    Sao cai file helper.php laïi bao loi nhi
  8. neehel

    neehel Thành viên

    Bạn cho biết lỗi gì được không? Chụp cái hình để mọi người xem sao
  9. lucnguyen8x

    lucnguyen8x Thành viên mới

    lam trên web không sử dụng Joomla thì mình làm sao bạn !!!
  10. VN.Classic

    VN.Classic Thành viên mới

Chia sẻ trang này