Mới nhất

Đưa google map vào trang Drupal

By phantuanduy - Friday, March 8, 2013 No Comments

Trang web của bạn sẽ hấp dẫn hơn nếu được trang bị thêm những công cụ hữu ích. Chúng ta thường dễ bắt gặp ứng dụng google map được đưa vào khá nhiều trong các trang web. Thông thường bạn sẽ phải đăng kí API để sử dụng nó. Nhưng ở đây  tôi sẽ hướng dẫn các bạn cách đưa Google map (Bản đồ google) vào trang Drupal theo cách đơn giản.


Lưu ý: Trang của bạn nên cài đặt trình soạn thảo TinyMce để thao tác với code html tốt hơn, tham khảo cách cài đặt TinyMCE tại đây .

Bước 1: Các bạn vào trang googlemap: https://maps.google.com/ và tìm đến địa điểm mặc định bạn sẽ sử dụng trong trang của mình, ở đây tôi chọn là Huế, Việt Nam



Bước 2: Các bạn kích như hình dưới để lấy code googlemap.




Bước 3:  Tạo 1 bài viết mới (hoặc 1 module mới) , vào Content -> Add Content -> Article với tiêu đề là Google map.






Bước 4: Dán đoạn code html vào đây , thay đổi chiều caođộ rộng theo ý của bạn. Nhấn Update để chèn code vào bài viết.





Lưu ý: Trong phần Text format của bài viết bạn phải chọn là Full HTML



Lưu bài viết lại.


Kết quả đây:


Các bạn có thể tạo 1 menu mới dẫn link tới bài viết:Chọn Structure->Menus-> chọn add links trong phần Main menu




Nhấn  Save và kết quả trên menu của chúng ta có 1 link dẫn tới google map như thế này




Chúc các bạn thành công!
Blogger: Duy Phan.


Xem danh mục tất cả các bài hướng dẫn về Drupal tại đây.

No Comment to " Đưa google map vào trang Drupal "