Để đưa Google Map vào website chỳng ta thực hiện cỏc bước như sau: - Download gúi plugin google map tại http://extensions.joomla.org/ - Cài đặt plugin Google Map plugin
Hỡnh 34: Giao diện cài đặt plugin
- Cấu hỡnh plugin
Hỡnh 35: Giao diện quản lý plugin
Giao diện làm việc của plugin này như hỡnh sau
Để đưa Google Map lờn website chỳng ta cần phải đăng một tài khoản mail với google nếu bạn chưa cú tài khoản nào sau đú nhập URL : http://code.google.com/apis/maps/ để đăng ký Google Maps API key cho website của bạn.
Tại của sổ làm việc của plugin Google Maps bạn gừ API key mà bạn đó đăng ký vào ụ Google Maps API key như hỡnh dưới
Sau khi đó thiết lập cỏc thụng sụ trong Google Maps plugin chỳng ta tạo một Article, trong Article đú chỳng ta sử dụng hàm gọi của google maps để hiển thị bản đồ đú là hàm
{mosmap}
Trong hàm này chỳng ta cú thể thờm một số cõu lệnh
Width=’’: hàm hiển thị giới hạn chiều rộng của bản đồ
Height=’’: hàm hiển thị giơi hạn chiều cao của bản đồ
Lat=’’: hàm gọi tọa độ kinh độ của vựng muốn hiển thị
Lon=’’: hàm gọi tọa độ vĩ độ của vựng muốn hiển thị
Zoom=’’: hàm gọi kớch cở phúng to thu nhỏ ở chế độ nhỡn
ShowMaptype=’’: kiểu hiển thị của bản đồ …….
{mosmap width='565'|height='400'|lat='18.67200'|lon='105.68170'| zoom='13'|zoomType='Large'|zoomNew='0'|mapType='Map'|showMaptype='1'| overview='0'|text='Đường Minh Khai'|tooltip='Minh Khai Street'|marker='1'| align='center'}
Bản đồ sẽ hiển thị như hỡnh dưới
Hỡnh 37: Bản đồ thành phố
Ngoài ra, chỳng ta cũn cú một số hàm nữa để là cho bản đồ tối ưu hơn. Chẳng hạn nhưng chỳng ta cú thể định vị đường đi theo thiết bị GPS trờn ụ tụ với cõu lệnh sau:
{mosmap animdir='2'|address=''|toaddress=''|waypoint[1]=''|waypoint[2]='' | formspeed='1' |formdirtype='1' |formaddress='1'|animautostart='1'}
Trong đú
animdir='': là số địa điểm cần định vị
address='': là địa điểm khởi đầu
toaddress='': là địa điểm cuối
waypoint='': là cỏc điểm đi qua …………