MASIGNASUKAv102
7345699749361123385

Cara Memasang Lokasi Di Website Dengan Google Maps

Cara Memasang Lokasi Di Website Dengan Google Maps
Add Comments
23 February 2020
https://pxhere.com/id/photo/951584


Google Maps Di Website - Memasang google maps di website bisa dibilang sangat penting untuk dilakukan. Google maps berfungsi untuk memudahkan seseorang untuk menemukan lokasi kita berada. Sama halnya fungsi google maps pada sebuah website, yaitu memudahkan seseorang menemukan lokasi kita. Misal kamu mempunyai website online shop atau toko online, kamu mempunyai customer yang biasanya transaksi denganmu secara online tapi sekarang dia ingin order dan transaksi secara langsung denganmu. Untuk mengabulkan keinginannya, berarti kan dia harus menemukan atau mencari dimana lokasimu atau tempat riil kamu berjualan. Nah, jika kamu memasang lokasi riil jualanmu dengan google maps di website kamu, customermu bisa dengan mudah menemukan titik riil jualanmu tanpa harus bertanya-tanya.

Nah, di artikel kali ini saya akan menuliskan mengenai "Bagaimana sih cara memasang google maps pada website ?" caranya sangat mudah sekali, di bawah ini saya berikan langkah-langkahnya:

1. Persiapan awal. Sebagai persiapan awal, di percobaan kali ini saya akan menggunakan framework laravel. Kita bisa menggunakan project nexmo yang pernah saya tulis pada artikel sebelumnya. Atau bisa memakai project laravel baru dengan melakukan installasi dari awal.

2. Buka Google Maps


3. Pada form penelusuran, masukkan lokasi yang kamu inginkan untuk dipasang pada websitemu. Sebagai contoh, saya akan mencari lokasi Pasembon, Sambirejo, Kabupaten Banyuwangi.


4. Klik tombol Bagikan/Share


5. Kemudian pilih Sematkan Peta. Di langkah ini, kamu bisa memilih ukuran maps (kecil, sedang, besar atau ukuran khusus) yang akan ditampilkan pada website. Jika sudah memilih ukuran yang sesuai, selanjutnya kita bisa salin kode htmlnya dengan klik Salin HTML.

6. Masuk ke dalam project. Karena di percobaan kali ini saya menggunakan project laravel, maka saya akan membuka project laravel pada codo editor saya (Visual Studio Code). Saya akan memasang google maps pada halaman depan atau ketika pertama kali project dibuka dengan 127.0.0.1:8000.

7. Buka file welcome.blade.php yang terletak pada folder resources/views.

8. Comment kode bawaan laravel


9. Pastekan kode html google maps yang telah di-copy (saat langkah nomor 5) di antara tag <body> dan </body>. Atau pastekan di bawah kode yang di comment (seperti gambar di atas).


10. Save, jalankan project dengan perintah php artisan serve. Kemudian coba buka project pada browser, maka hasilnya akan seperti gambar di bawah ini.


OKE, selesai. Sangat mudah kan ?.

Sekian artikel kali ini mengenai cara memasang google maps pada website. Jadi kesimpulannya, memasang google maps pada sebuah website sangat penting untuk memudahkan visitor website untuk mencari alamat riil dari pemilik website atau tempat usaha riilnya. Memasang google maps pada website juga sangat mudah. Google maps pada sebuah website biasanya dipasang pada halaman kontak.


Hilmi Hidayat

"If something's important enough, you should try. Even if you - the probable outcome is failure." - Elon Musk