Saat ini kebanyakkan website atau blog sudah dipasang Google Maps untuk itu kali ini saya akan membahas tentang bagaimana cara untuk mendapatkan Google Maps serta mendapatkan code Iframe HTML untuk dipasang di blog atau website.
Oke kali ini saya akan memberikan tutorial bagaimana cara mendapatkan Google Maps beserta cara membuat tanda peta berikut cara mengintegrasikan kedalam website atau blog WordPress.
Mari kita mulai…
Pertama kali kawan harus memiliki Account Google, jika belum punya silahkan Register terlebih dahulu, account Google bisa berupa layanan Email dari Google.
Saya berasumsi kawan sudah punya account Google dan kawan bisa membuka link : http://maps.google.com.
Untuk pertama kali setelah login ke Google Maps, kawan perlu membuat peta sendiri untuk itu silahkan klik My Places dan dilanjutkan dengan Create New Map.
Klik dan drag icon ketempat yang dimaksud ( bisasanya kantor / toko/ rumah ).
Isi keterangan yang dibutuhkan Title dan Dikripsi dari peta, setelah selesi klik OK.
Peta sudah berhasil dibuat, dan kawan perlu mengisi keterangan dari My Places, isilah sesuai yang diminta setelah selesai mengisi klik Done.
Kawan sudah berhasil membuat tempat dan peta Maps dari Google dengan icon Standard atau Default dari Google, kawan bisa merubah icon tersebut dengan icon yang lain atau dengan gambar atau logo perusahaan untuk itu kita kembali melihat tutorial gambar dibawah ini.
Kembali klik icon Maps Google , muncul kotak dialog dan untuk mengganti Icon silahkan kawan klik logo icon dipojok kakan atas.
Untuk mengganti dengan icon yang lain kawan tinggal memilih pada icon yang telah disediakan , jika ingin mengganti gambar sendiri kawan tinggal klik Add An Icon.
Kawan tinggal memasukkan Url dari image yang akan dibuat sebagai icon maps ( sebelumnya harus diupload dulu ke hosting ) dengan ketentuan gambar tidak lebih dari 64px X 64px dan klik OK jika sudah selesai.
Nampak sudah tercipta icon baru dan klik Ok jika dirasa sudah cocok.
Sekarang ini saatnya untuk mendapatkan Code HTML untuk dipasang di Website atau blog.
Pada pojok kanan atas ada icon sepeti gambar Link, klik icon tersebut.
Muncul kotak dialog, jika ingin langsung apa adanya ukuran maps google, kawan bisa mengcopy kode HTML dari Google Maps atau jika ingin menyesuaikan bisa klik Customized and Preview embedded Map.
Kawan bebas menentukan ukuran dari map, sesuaikan dengan layout website atau Blog, setelah selesai Copy kode HTML dan siap digunakan.
Untuk wordpress kawan bisa membuat new page atau new post, pilih tampilan HTML dengan mengganti disebelah pojok kanan.
Paste pada kotak content dan kawan bisa beralih ke tampilan Visual.
Kawan bisa menambah artikel lain yang dibutuhkan dan setelah itu klik Publish.
Berhasil !
Nah demikian tutorial dalam membuat Google Maps dan memasang kedalam website atau blog, jika ada tambahan lain bisa menirim komentar dibawah ini.
ass….mau tanya ,saya ikutin yang create new maps ito kok langsung ke peta australia ya…cara nentuin lokasi kita , seperti nama jalan daerah kita itu gimana caranya??,
Atur lokasi default dulu, klik atur lokasi default atau jika sudah disetting lokasi default, bisa gunakan ubah lokasi default…
info ini yang ane cari2..terima kasih sob, ane mau pasang google map di blog ane
Oke Pak, ThanxU banyak nehh, nambah lagi halaman saya di http://tes.blokm.netne.net/about-me
Thanks,
asanoer @ Nur Khasan
dago map di http://dagosearch.com/map.php , cara pakainya lihat http://www.youtube.com/watch?v=T8XyY6aXagI
bagaimana cara masukin peta kota jakarta di dalam sebuah postingan di website? thanks
Masuk ke pilihan HTML trus tinggal di copykan ke daerah yang di pasang…
gimana cara buat google maps di web pribadi?
yg persis,pake kotak tempat asal dan tempat tujuan jd orang bisa search lokasi dari web kita,bkn lgsg dari google maps
Saya sdh membuat google map tetapi kenapa kok blm bs?
Coba anda baca lebih teliti,mungkin ada yang terlewatkan.
Biasanya sih anda belum login atau belum memiliki akun Google sewaktu membuat Google Maps.
Semoga membantu.
pak, saya sudah mencoba ambil link dari google maps tersebut tetapi This map cannot be embedded. bisakah membantu mencarikan solusinya, jika kode link di pasang di laman html maka hanya akan muncul link ke google maps saja
terima kasih
Seharusnya bisa, jika code yang didapat dari google maps di simpan dalamhtml dibuka langsung dibroser bisa langsung nampak.
Sepertinya google sudah memindah untuk mendapatkan codenya.
Codenya bisa didapatkan di sebelahkanan tombol print.
bos tolong bagaimana cara supaya saya tahu angka koordinat rumah saya ya trims sblumnya.
Klik aja di tanda di google map, sebelah kiri nanti muncul di titik mana berada
Saya juga mengalami masalah yang sama dengan junis,yaitu This map cannot be embedded,code html nya tidak bisa di kopi paste
Itu terjadi karena berbagai macam diantaranya tidak disimpan, tidak berada di posisi login dan lain-lain
suwun cak siip .salam bonexmania
gmana e memasang meta itu aku kan newbiee
Caranya copy code html lalu paste ke blog
haturnuhun..
Trims infonya, sy sudah pasang unt web kantor, http://www.bmmt-hajiumroh.com
terimakasih gan, sangat bermanfaat untuk bisnis saya
Tanya gan..Kan saya buat untuk website pribadi yang masih belum dihosting, semua yang diatas sudah mau keluar. Tapi ketika keluar dari akun dan cari lokasi yang dibuat nampaknya belum bisa publish. Kira2 kenapa?apa web yang sy bkin harus dhostingkan dahulu baru bisa terlihat secara publish?Terima kasih
Mas installnya di local ?harus masuk hosting dulu,
gan, tanya; sudah saya paste kode html; tapi gambar peta gak muncul; yang muncul hanya link “Lihat Peta Lebih Besar”. mohon pencerahan, terima kasih.
Apakah dalam membuat peta anda sudah dalam posisi login ?
gmn cr post lokasi dgn googlemaps ke update status facebook yah??kayak fasilitas “check-in” dari facebook itu loh.
tmn ku ada yg slalu check in di facebook pk googlemaps.
thanks yaa
terima kasih tipsnya… sangat membantu
Mas, kalau pakai presta shop ãpa sama saja ?
Saya tidak pernah menggunakan prestashop, tetapi pernah mencoba prestashop, sepertinya bisa.
wow…mantabs gan. makasih tutorialnya. langsung tkp aja.
segera saya praktekkan pak terima kasih banyak
Mas setelah saya copy di kode html dan dilihat di visual sudah muncul kotak kuning, namun saat di publish kok cuma keluar tulisan “lihat XXXXX dipeta lebih besar”
Coba ganti browser.
Trimakasih gan, Infonya sangat membantu.
Terima kasih kawan, artikel ini yang saya cari dari dulu. Bisa ga yach biar lokasinya otomatis terpasang setiap kita posting ?
Kalau theme mendukung ya bisa…atau code nya di copas aja disetiap posting jika theme tidak mendukung.
Masih bingung, saya sudah sampai tahap Customized and Preview embedded Map, setelah itu ga tau lagi gmn, itu muncul “About Me” nya dari mana ya?
About Me nya itu buat page baru di WordPress atau di blog lain atau buat pasang script dari google maps
mau tanya gimana cara napilin icon jika di joom gambar iconnya tidak pecah ttp ttp kecil
Dear Mas Ali… klo blm terjawab, cara mencantumkan icon, mas harus mengupload ke dalam blog/website dulu, kemudian url nya dicopy ke menu add icon google map yg berada di kanan atas seperti petunjuk diatas
Thanks
Thanks share nya
Sangat membantu untuk memudahkan kita dalam mencantumkan peta google ke dalam website.
Salam Perubahan
Liliana – Sahabt Perubahan Jatrova
terus cara biar tampil di searcing itu gmna gan
Nice Info gan …
nice info gan.
Bisa juga ditambahin rute perjalanan terdekat pada button “GET DIRECTION”. Cmiiww