Anda di halaman 1dari 5

Cara Mudah Memasukkan

Google Maps ke Dalam


Website
30 Mei 2018Jasa Website Net tutorial

Adakalanya kita ingin menampilkan alamat perusahaan atau kantor kita di


website yang kita miliki. Untuk keperluan ini kita bisa memanfaatkan google
maps . Dengan g oogle Maps orang akan lebih mudah menemukan atau
menemukan lokasi usaha kita. Nah, sekarang mari kita bahas bagaimana
cara memasang google maps di website kita.

Cara Gpsg Google Maps di


Webbite
1.  Pertama buka situs Google Maps di   website ini  http://maps.google.com ,
setelah masukan alamat perusahaan anda melihat tanda panah merah pada
gambar di bawah ini.
 Bila sudah, google akan mengarahkan pointer pada peta sesuai alamat yang
Anda buat. Jika Anda merasa sudah benar, tinggal melanjutkan ke langkah
berikutnya.

2. Ambil kode alamat yang dibuat google maps. Caranya klik


menu Bagikan (lihat tanda panah merah pada gambar di bawah ini) .
Setelah itu klik Tab "Sematkan Peta" (tanda panah gambar di bawah ini). Bila
sudah, copy kode yang ada (yang dilingkari merah pada gambar).
Selanjutnya, masukkan peta ke dalam situs web Anda. Caranya   Paste  pada
kode html halaman website yang Anda inginkan, misanya di
halaman kontak.html.  Buka file kontak.html web Anda, lalu paste kode yang
kita copy dari google maps diantara tag body seperti di bawah ini:
<!doctype html>

<html>

<kepala>

<meta charset="utf-8">

<meta http-equiv="x-ua-compatible" content="ie=edge">

<title>Kontak Kami</title>

<meta name="description" content="">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="apple-touch-icon" href="img/apple-touch-icon.png">


<link rel="ikon pintasan" type="image/x-icon"
href="img/icon/favicon.ico">

<!-- Tempatkan favicon.ico di direktori root -->

<!-- semua css disini -->

<link rel="stylesheet" href="style.css">

<link rel="stylesheet" href="css/responsive.css">

<script src="js/vendor/modernizr-2.8.3.min.js"></script>

</head>

<tubuh>

<!-- peta google -->

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!
1d1991.570527458372!2d114.57444712927017!3d-3.3152044552689253!2m3!1f0!2f0!
3f0!3m2! 1i1024!2i768!4f13.1!3m3!1m2!
1s0x2de423d48a3dc841%3A0x1821d6c60c5a9a48!
2sJasa+Pembuatan+Website+Banjarmasin!5e0!3m2!1sid!2sid frame!
2sJasa+Pembuatan+Website+Banjarmasin!5e0!3m2!1sid!2sid frame! ="border:0"
allowfullscreen></iframe>

</tubuh>

</html>

Jika sudah maka peta alamat Anda akan tampil di website Anda. Demikian
tutorial cara mudah memasukkan google maps ke dalam situs web, semoga
bermanfaat.
BILA ANDA MENGANGGAP BERMANFAAT, HARAP BAGIKAN INFORMASI INI


https://www.jasa-website.net/artikel/cara-mudah-memasukkan-google-maps-ke-dalam-website

Anda mungkin juga menyukai