Kamis, 25 Desember 2014

Cara Mudah Menampilkan Peta Google Map di Website

Ada banyak jalan menuju Roma, begitu kata pepatah. Artinya, banyak cara untuk mencapai tujuan yang sama. Sebelumnya kami pernah membahas cara menambahkan peta google maps ke website, dan kini kami akan menyajikan cara lain yang lebih mudah untuk menampilkan peta Google Maps di Website.

Pada akhir tutorial ini, Anda bisa mendapatkan peta seperti berikut ini:


Baiklah, berikut ini langkah-langkahnya:
  1. Kunjungi alamat http://www.trivoo.net/google-maps/
  2. Isikan parameter pada bagian kotak kiri sesuai kebutuhan

  3. Setelah selesai, klik tombol hijau Generate Code untuk mendapatkan kode yang nantinya akan disematkan ke website. Kode secara otomatis akan tersimpan dalam memory komputer.
  4. Paste (Ctrl+V) untuk menampilkan kode pada website
Selesai.

TIPS:
  • Untuk membuat tampilan peta menjadi mobile-friendly/responsive modifikasi baris kode
    style='width:xx' menjadi style='max-width:xx'
  • Untuk menambahkan baris No. Telp dan Hp, Anda bisa menambahkan tag <br /> diakhir alamat.

1 komentar: