Categories
Blog HTML

3 Cara Mudah embed google map Kedalam Website

cara embed google map

Cara mudah embed Google Map kedalam website, ini terdengar sangat mudah bagi para blogger atau bagi Anda yang familiar dengan HTML, tetapi kami ingin mengatakan ini tidak begitu mudah bagi orang pemula yang mempunyai dasar HTML yang kurang.

Google Maps adalah layanan pemetaan online paling populer dengan pembesaran dan panning interaktif, arah, detail lokasi, tampilan satelit, dan panorama tingkat jalan 360 derajat. Ini memiliki antarmuka bergerak, mudah digunakan halus yang secara teratur diperbarui dengan fitur-fitur baru. 

Bagian dari mengapa peta menjadi begitu umum adalah bahwa mereka menyediakan cara bagi siapa pun untuk menyematkan peta di situs web mereka sendiri. Mereka terlihat dipoles dan menambah kesan teknologi dan profesionalisme di situs Anda.

Tetapi sebelum kita masuk kedalam pembahasan inti terlebih dahulu membuat form sebagai tempat untuk memasang Google Maps yang di embed. Buat file dengan nama index.html kemudian masukkan html code form di bawah ini.

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
</head>
<body>
 <nav class="navbar navbar-default">
  <div class="container-fluid">
   <a class="navbar-brand" href="https://jasawebsite.ooo/">Jasawebsite</a>
  </div>
 </nav>
 <div class="col-md-3"></div>
 <div class="col-md-6 well">
  <h3 class="text-primary"><center>Cara Memasukkan Google Maps Kedalam Website</center></h3>
  <hr style="border-top:1px dotted #ccc;"/>
  <br /><br />
  <!--Tempat Google Maps Embed-->
  
  <!-- Google Maps Ended-->
 </div>

</body> 
</html>

Langsung saja mari kita masuk kedalam pembahasan ini.

1. Kunjungi website embedgooglemap

Kemudian masukkan alamat anda dan tekan Enter (1). Kemudian tekan button Get HTML Code (2).

Pada tahap ini Anda bisa melakukan modifikasi berupa “width” dan “height” sesuai dengan yang di perlukan.

embed map

2. Setelah Anda menekan button Get HTML code maka and akan mendapatkan url berupa alamat sesuai yang di masukkan pada tahap pertama.

google map

3. Pasang code embed di atas kedalam form yang telah dibuat pada file index.html, sampai disini Anda telah berhasil memasang embed HTML code.

map

Izinkan kami bertanya di akhir artikel ini, Apakah Anda sudah mengerti cara embed Google map kedalam website?

Jika, ya maka kami sangat senang, dan apa yang kami share ini sangat bermanfaat bagi Anda.

Leave a Reply

Your email address will not be published. Required fields are marked *