Pembukaan
Karena di fanspage banyak yang request bagaimana meng-include-kan google maps ke dalam program java, kali ini saya akan berikan satu contoh sederhana untuk kasus tersebut dan mungkin bisa kita teruskan pada tutorial selanjutnya. Cara Menggunakan Google Maps Ke Dalam Java Swing yang paling mudah adalah menggunakan library untuk load file Web. Library ini adalah JxBrowser yang dapat anda download dari link berikut.
Pembahasan
Tidak perlu banyak mukodimah, hal yang perlu di buat adalah komponen yang akan digunakan adalah JFrame dan JPanel. Buat sebuah project sederhana dengan nama JGoogleMaps (boleh nama lain), kemudian tambah JFrame baru. Setelah JFrame ditambah selanjutnya pada GUI builder tambahkan JPanel.
 |
Gambar 1 |
Setelah membuat layout aplikasi, pada komponen JPanel ubah variable Name atau nama variabel menjadi
panelMaps. Setelah memiliki variabel kita cek layout yang digunakan jika Free Design silahkan ubah ke Border Layout. Cara merubah ke border layout sangat mudah cukup klik kanan pada JPanel > Pilih Set Layout > Pilih Border Layout. Lihat atau cek pada Navigator seperti contoh pada gambar dibawah ini;
 |
Gambar 2 |
Kembali kebagian source (kode) , tambahkan method baru dibawah block
public JGoogleMaps_one() {
initComponents();
}
jika nama class (frame anda) JGoogleMaps_one, jika tidak bisa di cek saja pasti ada block tersebut di bagian atas. Tambahkan kode program berikut.
private void loadMaps(){
Browser browser = new Browser();
String dir = System.getProperty("user.dir");
browser.loadURL(dir+"\\src\\jgooglemaps\\maps_jsc.html");
BrowserView view = new BrowserView(browser);
panelMaps.add(view, BorderLayout.CENTER);
this.setLocationRelativeTo(null);
this.pack();
this.setVisible(true);
}
Dipastikan kode diatas akan menimbulkan error, nah cara menanganinya yaitu,
- Trial JxBrowser yang selama 30 hari yang sudah di download sebelumnya, silahkan di extrak karena berupa zip file. Perlu di ingat anda harus dapatkan license dari JxBrowser dengan cara evaluate, nanti license akan dikirim melalui email yang digunakan untuk mendaftar pastikan juga license yang dikirim anda download.
- Setelah extrak, kita kembali ke netbeans untuk import library JxBrowser dengan cara klik kanan pada Libraries > Add JAR/Folder.
 |
Gambar 3 |
Cari folder lib pada file JxBrowser yang sudah kita extrak, maka kita akan dapatkan 5 File JAR. Jika anda pengguna windows anda dapat import file jxbrowser-6.14.1 dengan jxbrowser-win32-6.14.1,jika linux pilih jxbrowser-linux32-6.14.1 atau jxbrowser-linux64-6.14.1 dan untuk mac os jxbrowser-mac-6.14.1.
- Kemudian import kembali library untuk license agar file JxBrowser dapat berjalan di program kita. Caranya sama hanya saja anda memasukan file license.jar yang sudah didownload melalui email. Adapun hasil akhirnya yang di import akan seperti gambar dibawah.
 |
Gambar 4 |
- Pada file maps_jsc.html ini adalah file html google maps yang sudah anda rancang, jika belum bisa pelajari pada blog ini Java Source Code. File ini dimasukan kedalam folder package jgooglemaps saja, kenapa? agar mempermudah pemanggilan saja.
 |
Gambar 5 |
- Setelah import selesai, ternyata masih ada merah-merah, nah anda hanya cukup klik kanan pada source atau kode program kemudian pilih Fix Import.
 |
Gambar 6 |
- Akan ada tampil pilihan librari yang di import, cukup klik tombol OK maka semua masalah beres.
 |
Gambar 7 |
Semua masalah sudah fix, coba jalankan kode program yang sudah selesai tadi. Pasti masih tidak muncul/ tidak bekerja google maps nya. Tahap akhir adalah kita panggil method loadMaps() tadi setiap program dijalankan pada JGoogleMaps_one() jadi seperti berikut.
public JGoogleMaps_one() {
initComponents();
loadMaps();
}
Baru kita bisa jalankan kode program yang tadi, JANGAN LUPA UNTUK DI DEBUG agar menampilkan pesan error yang tersisa jika masih ada yang keliru pada file. Jika sukses akan menghasilkan gambar seperti dibawah ini.
 |
Gambar 8 |
Penutup
Sebenarnya JxBrowser ini berfungsi untuk mengeksekusi url, html, javascript,css dan sebagainya pada program java (Bisa lihat dokumentasinya). Membuat program java kita menjadi seperti browser yang bisa menampilkan suatu website didalam aplikasi desktop. Kita bisa load di berbagai komponen kontainer tergantung kebutuhan. Namun sayangnya JxBrowser tidak bersifat OpenSource, jadi kita hanya diberi batas penggunaan 30 Hari (tadak menutup kemungkinan ada versi ilegal).
kalau manggil langsung ke situs google maps nya gmna gan??
BalasHapuspada bagian ini bisa diganti menjadi.
Hapusbrowser.loadURL(dir+"\\src\\jgooglemaps\\maps_jsc.html");
browser.loadURL("www.google.co.id/maps?source=tldsi&hl=en");
Sipp gan, suksess...
BalasHapusgan, kalo boleh tanya. gimna caranya yah ngambil data jarak google maps dari asal ke tujuan??
Terimkasih
Komentar ini telah dihapus oleh pengarang.
Hapussaya belum sempat buat sampai situ gan kalau di java.
Hapusohh.. iya ggp
BalasHapusshare lagi dong gan ilmu java netbeans nya dengan google maps
InsyaAllah gan, lebih aktif setelah oktober hehe.
HapusSelamat malam mas mau nanya, saya dah ikutin printah masnya yang diatas, tapi kok saya ndak berhasil ya? ndak bisa muncul map nya, padahal ga ada error sama sekali loh
BalasHapusSudah di coba di browser belum yang map.html nya? berhasil apa gagal? kalau berhasil berarti yang dijavanya cek lagi url pemanggilan file map.html nya.
Hapus