Cài đặt Google Map trên Drupal 7

Người đăng: nhung dieu hay on Thứ Năm, 5 tháng 9, 2013

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 và độ 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ả:



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




Tuấn Duy Blog

{ 0 nhận xét... read them below or add one }

Đăng nhận xét