Cara Mudah Memasukkan Google Maps ke Web

Cara memasukkan Google Maps ke Website memang menjadi hal yang sangat penting untuk mempermudah pengunjung mencari lokasi via Google Maps di Website yang kita punya. Dengan cara memasukkan Google Maps di Website atau Blog juga akan semakin menambah tampilan website atau blog kita menjadi lebih menarik dan terkesan profesional.

Cara memasukkan Google Maps di Website dan Blog ini bisa kalian lakukan dengan cara membuat kode script alamat atau lokasi yang ada di Google Maps. Dan langkah selanjutnya adalah dengan memasukkan kode script tersebut ke HTML. Melalui cara memasukkan Google Maps ke HTML inilah kita nantinya bisa menampilkan widget Google Maps sesuai dengan lokasi yang akan kita pasang.

Namun sekarang pertanyaanya adalah bagaimana cara memasukkan Google Maps di Website atau Blog?

Pertanyaan ini merupakan awal mengapa tulisan ini dibuat. Karena dengan artikel ini nantinya akan sepenuhnya membahas tentang bagaimana cara memasukkan Widget Google Maps di Website ataupun Blog. Dan untuk mempersingkatnya maka sekarang mulai pada cara yang harus dilakukan untuk bisa memasukkan Google Maps di Website atau Blog tersebut.

Cara Memasukkan Google Maps ke Web

Cara yang pertama untuk bisa memasukkan Google Maps ke Website atau Blog adalah dengan cara membuat Map di HTML atau membuat peta dengan bentuk HTML. Cara ini bisa dilakukan dengan cara membuat Kode Script dari lokasi Google Maps yang akan di pasang. Dan cara untuk bisa mendapatkan kode script tersebut adalah sebagai berikut.

Cara Membuat Kode Script HTML Google Maps

1. Masuk ke Website Google Maps

Untuk memulai membuat kode script HTML Google Maps di Website atau Blog adalah dengan cara masuk ke Google Maps terlebih dahulu. Untuk bisa masuk ke website Google Maps kalian bisa langsung klik link yang ada di bawah ini.

Website Google Maps

Atau kalian juga bisa search alamat websitenya di Google.

2. Ketik Lokasi Google Maps yang akan dipasang di Website

Langkah berikutnya untuk bisa memasukkan Google Maps ke Website atau Blog adalah dengan cara mengetikkan lokasi yang akan di pasang di Website atau Blog. Ketik lokasi yang akan di share seperti pada gambar dibawah ini.

Cara Memasukkan Google Maps ke Web

3. Pilih dan Klik Tab BAGIKAN

Selanjutnya untuk bisa membuat kode script HTML Google Maps adalah dengan cara membagikan peta Google Maps melalui menu "BAGIKAN" yang ada di Google Maps. Disini nantinya akan ada beberapa menu seperti SIMPAN, DI SEKITAR, KIRIM KE PONSEL ANDA dan BAGIKAN.

Dan untuk bisa mendapatkan Kode Script Peta Google Maps itu maka kalian bisa langsung klik tab "BAGIKAN" untuk langkah berikutnya.

Cara Memasukkan Google Maps ke Web

4. Pilih Tab Sematkan peta

Langkah berikutnya terdapat beberapa fitur yakni fitur Bagikan tautan dan Sematkan peta. Untuk bisa mendapatkan kode script HTML Google Maps maka yang harus dipilih adalah fitur tab "Sematkan peta". Dengan mengklik tan tersebut maka kalian bisa embed kode HTML Google Maps ke Website atau Blog.

Disini pada fitur "Sematkan peta ada beberapa pilihan ukuran peta Google Maps yang akan dipasang dari ukuran kecil, sedang sampai peta ukuran besar.

Untuk menyesuaikan ukuran maka pilih ukuran sedang agar tampilan Google Maps tidak terlalu besar ataupun terlalu kecil.

5. Simpan Kode Script Google Maps

Langkah terakhir untuk membuat peta Google Maps dengan HTML adalah dengan mencopy atau simpan kode script dari Google Maps. Copy atau salin semua kode tersebut dan copy kode seperti pada gambar dibawa ini.

Cara Memasukkan Google Maps ke Web

Setelah selesai menyimpan kode script HTML untuk peta Google Maps, maka langkah berikutnya adalah dengan cara memasukkan Google Maps tersebut ke Website atau Blog. Dan cara untuk bisa memasukkan Google Maps ke Website atau Blog berikutnya ada pada pembahasan berikut ini.

Cara Embed Google Maps ke Website atau Blog

Cara berikutnya ini akan membahas tentang bagaimana cara memasukkan Google Maps ke Website atau Blog agar nantinya Widget bisa terpasang. Cara ini bisa dilakukan dengan embed Google Maps ke Website atau Blog. Dan berikut langkah-langkah yang harus dilakukan untuk bisa memasukkan Google Maps di Website atau Blog.

1. Masuk ke Website atau Blog

Sebelum bisa memasukkan Google Maps di Website atau Blog adalah dengan cara masuk atau login ke website yang kalian punya. Lakukan proses login ke Website atau Blog seperti biasanya.

2. Tulis New Entry

Langkah berikutnya kalian bisa langsung menulis artikel yang akan dipasang peta atau widget Google Maps yang sudah kita buat sebelumnya. Mulai masuk ke Website atau Blog kalian bisa langsung klik tab New Entry. Setelah klik New Entry mulailah tulis artikel.

3. Tentukan Posisi Widget dan Pindah Mode HTML

Selanjutnya setelah menulis artikel dan menentukan posisi dimana peta widget Google Maps yang akan dipasang, maka kalian harus merubah dari Mode Compose ke Mode HTML pada Website atau Blog. Lakukan perubahan mode ini untuk bisa embed Google Maps ke Website atau Blog tersebut.

4. Embed Google Maps ke Website atau Blog

Langkah selanjutnya untuk bisa embed Google Maps ke Website atau Blog adalah dengan cara memasukkan atau copy kode script dari Google Maps yang sudah kita simpan sebelumnya. Copy kode script tersebut diposisi yang sudah ditentukan dan paste di posisi tersebut. Seperti pada contoh berikut, kode script HTML Google Maps yang diletakkan di antara paragaraf.

Cara Memasukkan Google Maps ke Web

5. Hasil Embed Google Maps ke Website atau Blog

Setelah berhasil mengcopy kode dari Google Maps maka kalian bisa langsung terlihat hasilnya tanpa harus lewat pratinjau. Pastikan widget Google Maps dari lokasi yang kita pasang muncul. Dan jika Google Maps tersebut sudah muncul maka cara memasukkan Google Maps di Web sudah berhasil.

Dan berikut hasil dari cara memasukkan Google Maps di Website atau Blog tersebut.

Tampilan Google Maps nantinya akan seperti atas, pada tampilan Google Maps diatas merupakan tampilan satelit. Dan jika ingin merubah tampilannya bisa langsung klik fitur yang ada di pojok kiri bawah.

Dengan memasukkan Google Maps di Website atau Blog nantinya kurang lebih tampilan sepertu itu. Dan jika sudah berhasil kalian bisa jadikan tutorial cara memasukkan Google Maps ke Web ini sebagai referensi untuk mempercantik dan menambah fitur-fitur yang di artikel kita.

Dan selamat mencoba...