Menampilkan Google Map pada Website Joomla

Written By batikbumi on 13 Apr 2012 | 05.55

Menampilkan google map pada joomla

Berikut ini adalah tutorial cara menampilkan Peta Google pada website yang berbasis CMS joomla. Pertama yang kita lakukan adalah men-download plugin "plugin_googlemap_j15.2.14.zip" lalu install plugin tersebut pada website joomla anda. Setelah installasi berhasil maka ikuti langkah berikut:
1. Klik pada menu Extensions --> Plugin Manager lalu cari "plugin google maps", lalu aktifkan plugin dengan klik pada tanda silang merah di sebelah kanan hingga berubah menjadi tanda cek hijau.


Tutorial joomla memasang google map


2. Klik pada plugin google map, maka anda akan dibawa ke halaman konfigurasi google map
Biarkan konfigurasi apa adanya. lalu masuk ke artikel anda.


3. Cara menampilkan Google map pada konten (artikel)
Anda tinggal menambah script {mosmap}di manapun anda kehendaki pada artikel joomla anda, sebelumnya anda harus memastikan bahwa tidak ada tag-tag HTML yang tidak diperlukan seperti (misal : tag <br />,<span> atau &nbsp;) diantara tag {} di atas.


Penggunaan scriptnya adalah sebagai berikut:


{mosmap width='500'|height='400'|lat='52.052312'|lon='4.447141'|
zoom='3'|mapType='Satellite'|text='sv DWO'|tooltip='DWO'|
marker='1'|align='center' }


Keterangan parameter script di atas:
1. width = Ukuran lebar peta yang akan tampil pada browser
2. height = Ukuran tinggi peta yang tampil pada browser.
3. lat = masukkan koordinat latitude pada parameter ini
4. lon = masukkan koordinat longitudinal pada parameter ini
5. zoom = menampilkan skala peta yang akan ditampilkan pada browser [nilainya antara 0(skala global) sampai 19(skala detail)]
6. map Type = berfungsi menampilkan jenis peta anda
pilihannya adalah:
* Normal
* Satellite
* Hybrid
* Terrain
* Earth
7. text = menampilkan balon text pada marker di peta
di sini anda dapat menambahkan tag <a href=ling anda tanpa tanda petik>nama link</a> untuk membuat mnjadi teks link.
8. Tooltip = akan menampilkan keterangan pada marker saat mouse anda hover di atasnya.
9. marker = untuk  menampilkan jendela info, defaultnya "1" untuk menutup "0"


woalaaa.  selesai sudah


Selamat mencoba.




3 komentar:

cara menyembuhkan kanker usus mengatakan...

aduuuhhh ane belum faham2 banget nih mengenai joomla.....

obat herbal ace maxs mengatakan...

kyaknya harus belajar nih tentang joomla.....

Weri Hisfenli mengatakan...

mas, saya mw nanya ne.
gmana ya caranya kalo misalnya peta yang ingin kita masukkan peta yang sudah kita buat di google map(MYPLACE)???

mohon pencerahannya?:D

Posting Komentar