Cara Menampilkan Google Maps

26/11/2017    Risman Hakim    2611    Website

Siapa yang tidak tahu Google Maps ? Yups, Google Maps merupakan sebuah aplikasi yang bisa kita gunakan secara gratis yang telah disedia oleh perusahaan besar yakni Google. Dengan Google Maps kita bisa dengan mudah menentukan atau mencari lokasi, sebagai contoh kita bisa menentukan lokasi perusahaan pada halaman website dengan Google Maps. Nah, berikut ini saya akan share bagaimana cara menampilkan Google Maps, dalam hal ini Google Maps akan kita tampilkan pada halaman website. Simak langkah-langkah nya berikut ini.

Langkah Pertama : Cara Menampilkan Google Maps

Untuk menampilkan Google Maps pada halaman website sangatlah mudah, tidak perlu kita membuat kode-kode yang rumit, karena sebenarnya kita hanya menyalin dan menyematkan peta saja, baiklah sekarang kalian buka Maps pada pencarian google, maka akan tampil Maps atau peta dan disebelah kiri atas akan muncul form seperti berikut.

Cara Menampilkan Google Maps

Langkah Kedua : Cara Menampilkan Google Maps

Pada form tersebut kalian tinggal ketikan lokasi, tempat perusahaan yang akan disematkan, seperti pada contoh gambar berikut.

Cara Menampilkan Google Maps

Langkah Ketiga : Cara Menampilkan Google Maps

Setelah kita menentukan lokasi pada peta, selanjutnya klik ikon menu pada pojok kiri atas kemudian pilih bagikan atau sematkan peta seperti pada contoh gambar berikut.

Cara Menampilkan Google Maps

Langkah Keempat : Cara Menampilkan Google Maps

Selanjutnya, langkah terakhir kalian klik sematkan peta seperti pada contoh gambar berikut.

Cara Menampilkan Google Maps

Langkah Kelima : Cara Menampilkan Google Maps

Lalu kalian tinggal copy paste kode sematkan peta kedalam file HTML seperti berikut.

<body>
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3966.8774600149027!2d106.89337431484024!3d-6.147155995549297!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f5446c67e233%3A0x9a44d189bb974ee8!2sDUMET+School+Kelapa+Gading!5e0!3m2!1sid!2sid!4v1511686847890" frameborder="0" style="border:0" allowfullscreen></iframe>
</body>

Kalian juga bisa mengatur ukuran peta dengan kode CSS.
Nah, itulah tadi bagaimana Cara Menampilkan Google Maps, cukup mudah dan sederhana langkah-langkahnya, semoga bermanfaat dan selamat mencoba.

Artikel, Tips dan Trik, website

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More
chatarrow