Sabtu, 03 Agustus 2013

CARA MEMBUAT PETA INTERAKTIF DI BLOG

Seringkali kita membutuhkan informasi peta lokasi suatu tempat. Atau seringkali kita ingin memberikan informasi lokasi suatu tempat kepada orang lain. Untuk memudahkan informasi tersebut, maka lokasi tersebut dapat ditandai di sebuah peta.

Agar informasi lokasi suatu tempat dapat lebih detail, kita dapat membuat sebuah peta interaktif. Yang dimaksud Peta interaktif di sini adalah peta yang dapat diatur besar kecilnya luas wilayah cakupan peta atau skalanya dan peta interaktif ini untuk ditampilkan di halaman blog. Semakin besar luas cakupan peta / skala biasanya gambar peta tidak terlalu detil dan jika wilayah cakupan wilayah / skala diperkecil maka gambar semakin detil. Dan lokasi yang diperlukan dapat kita tandai di peta tersebut. Kita dapat menandai lebih dari satu lokasi dalam satu peta interaktif.
Untuk membuat peta interaktif ini caranya mudah sekali. Kita dapat memanfaatkan peta google dan menggunakannya sebagai peta interaktif dengan gratis.
Tahap pertama untuk membuat peta interaktif dengan peta google (google maps) adalah anda harus memiliki acount google (email) terlebih dahulu adapun cara pembuatan account google telah dibahas sebelumnya di CARA MEMBUAT ACOUNT / EMAIL GOOGLE . Karena anda akan menempatkan peta interaktif ini di blog maka anda juga harus memiliki blog. Lihat cara pembuatan blog di pembahasan sebleumnya tentang CARA MEMBUAT BLOG DENGAN BLOGGER / BLOGSPOT.

Adapun tahap-tahap pembuatan peta interaktif adalah sebagai berikut :

  1. Buka www.google.co.id
  2. Pada bagian atas klik tulisan Maps
  3. Setela terbuka halaman baru klik kotak bertuliskan   Masuk  
  4. Setela terbuka halaman baru klik kotak bertuliskan   Tempatku  
  5. Setela terbuka halaman baru klik kotak bertuliskan   Buat Peta   
  6. pada bagian kiri isi kotak judul peta sesuai dengan keinginan anda 
  7. Isi juga kotak deskripsi dengan keterangan mengenai peta yang akan anda buat (tidak harus diisi(
  8. Pilih umim jika peta lokasi imi untuk dibagi ke umum
  9. Jika anda ingin tampilan peta dalam bentuk foto satelit Klik kotak tertuliskan satelit pada bagian pojok kanan atas. Untuk kembali ke tampilan peta klik kembali  pada bagian pojok kanan atas tersebut.
  10. Untuk zoom peta klik tanda + atau -
  11. Untuk menggeser gambar peta klik tanda panah atas, bawah, kiri atau kanan. Atau juga dengan mengklik gambar peta sekali lalu ditahan dan mouse digerakan ke arah yang diinginkan,
  12.  Tentukan lokasi yang akan ditandai di peta dengan cara step 10 dan 11
  13. Cara menandai adalah dengan men drag and drop ikon   ke lokasi yamh diinginkan di peta.
  14. Isi judul dan deskripsi pada jendela yang muncul sesuai dengan nama tempat yang diinginkan setelah itu klik   Oke  
  15. Setelah itu klik   Simpan    Apabila peta telah tersimpan maka tulisan simpam akan berubah menjadi Disimpan.
  16. selanjutnya Anda dapat klik   Selesai    jika sudah selesai atau menambah lokasi dengan cara step 12 sampai 16 baru klik   Selesai  
  17. Maka peta interaktif telah selesai dibuat
Cara menempatkan peta interaktif di blog
Tahap selanjutnya adalah menempatkan peta interaktif tersebut di blog. Berikut adalah tahapannya
  1. Pada halaman peta tadi klok ikon 
  2. Maka akan terbuka jendela seperti tampak pada gambar di bawah
     
  3. Biasanya pada saat anda membuat peta pertama kali maka akan ada tulisan This map cannot be embedded. pada jendela tersebut. Untuk ini maka halaman tersebut harus direfresh terlebih dahulu,
  4. Setelah direfresh maka halaman akan kembali ke halaman awal peta. klik kotak bertuliskan   Tempatku  
  5. Maka pada bagian kiri akan tampak judul peta yang telah dibuat tadi seoerti tampak pada gambar dibawah ini 
  6. Klik judul peta tersebut
  7. Setelah terbuka halaman baru ulangi langkah 1
  8. Maka pada tahap 2 dan 3  tulisan This map cannot be embedded akan terganti dengan tulisan  Sesuaikan dan pratinjau peta terlampir Klik tulisan tersebut
  9. Setelah itu akan timbul halaman baru. Atur besar kecilnya gambar peta sesuai dengan yang diinginkan
  10. Pada bagian bawah halaman tersebut terdapat kode HTML. Setelah selesai pengaturan Selek semua kode HTML tersebut lalu di copy.
  11. Selanjutnya kode HTML ini akan di paste di halaman blog kita.
  12. Cara mempaste kode HTML tersebur di Blog adalah buka daftar entri pada boog dashboard
  13. Edit posting yang sudah ada ataupun juga bisa posting baru
  14. Pada Halaman Edit Klik kotak bertuliskan   HTML  
  15. Paste kode HTML yang telah di copy tadi
  16. Setelah di copy anda dapat cek tampilan peta dengan kembali ke halaman edit mode   Compose   
  17. Sekesai
selamat mencoba

2 komentar:

  1. ijin praktekin gan,terima kasih infonya bermanfaat sekali bagi ane yang masih banyak belajar

    BalasHapus
    Balasan
    1. Senang bisa membantu. Terima kasih sudah berkunjung pada

      Hapus

ucx','_assdop');