Menampilkan Google Maps Pada Smartphone

Akhirnya bisa ngeblog lagi walaupun dengan sejuta kesibukan yang ga ada brentinya. Lega juga karena pada awal bulan ini akhirnya secara resmi saya resign dari kantor saya di Jakarta Selatan. Udah ada lamaran kerja yang nyangkut sich di sekitaran Jakarta Pusat tapi ya mudah-mudahan aja cepet-cepet di approve biar bisa kerja lagi, walaupun sebenernya lebih nyaman jadi freelancer daripada harus jadi budak kantor programmer tetap di suatu perusahaan tapi ya mau gimana lagi…? tuntutan ekonomi.. heu heu heu

Ok cukup curhatnya…kali ini saya akan membahas tentang Googlemaps (lagi) dan Jquery Mobile, buat apa? ok, saya jelasin dulu ya…Jquery Mobile adalah salah satu framework javascript dari Jquery yang berfungsi untuk kamu-kamu yang ingin developing di mobile web. Tentunya berbeda dengan WAP, Jquery Mobile ini diperuntukkuan untuk perangkat smartphone seperti blackberry,android atau produk-produk Apple seperti Iphone,Ipod Touch atau Ipad.

Untuk Source codenya seperti ini :

 

 

 

Cabang Warteg

Cabang Warteg yang ada di daerah Jawa Barat.

 

 

 

 

© 2013 Warteg Cicko

 

 

Dengan jQuery MobileNah….untuk output pada desktopnya kaya gini nich…

desktop

Dan saya coba di perangkat android saya, dan hasilnya kaya gini :

shot_000004

 

Ok, sederhana khan? Untuk full source codenya ada disini nich…

download button

 

 

 

Selamat mencoba dan semoga bermanfaat 😀

 

 

Berlangganan Artikel

Daftarkan email anda sekarang dan dapatkan update terbaru dari artikel saya

I will never give away, trade or sell your email address. You can unsubscribe at any time.

Powered by Optin Forms

11 tanggapan pada “Menampilkan Google Maps Pada Smartphone”

  1. Bang, makasih udah ngasih tutor versi mobile nya. Yang mo ane tanyakan, semisal deteksi otomatisnya scriptnya ditambahin gimana bang? maksudnya kalo kita browsing via PC, pengennya full / aslinya, tapi pas browsingnya via ipad, pengennya ya versi mobilenya. Tolong advis nya ya bang.

  2. maaf,,bg..saya ada tgas pkl buat web pencarian alamat penting di kota padang memakai jquerymobile..untuk membuat lihat peta google maps ny gimana,,y bang?..soalny koordinat lat n long d dlm database..misalnya ketika di pilih upi yptk padang,,keluar tampilan informasi data kampus kemudian di bawahny ada tombol lihat peta ke google maps..bagaimana cara buatny,,y bg..
    mohon bantuanny,,bg..makasih sebelumny..

  3. Terima kasih mas tutorialnya. Kalo boleh tau, coding google maps api untuk web biasa dengan menggunakan jquery mobile apakah beda? Sorry for noob question

  4. mas.mohon maaf ya sebelumnya, saya ada tugas KP , di suruh buat sistem informasi geografis( gis) nya bank daerah lamongan, untuk tutorial buat awal sampai akhir di blongnya mas ada ndk?
    mohon bantuanya ya mas : )
    maksih sebelumnya.

Tinggalkan Balasan