{"id":5990,"date":"2017-12-12T07:36:08","date_gmt":"2017-12-12T07:36:08","guid":{"rendered":"https:\/\/www.webhozz.com\/blog\/?p=5990"},"modified":"2019-06-26T11:42:02","modified_gmt":"2019-06-26T11:42:02","slug":"cara-memasukkan-google-maps-ke-dalam-file-html","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/cara-memasukkan-google-maps-ke-dalam-file-html\/","title":{"rendered":"Cara Memasukkan Google Maps ke Dalam File HTML"},"content":{"rendered":"<p><strong>Assalamualaikum Wr. Wb.<\/strong><\/p>\n<p>Para sobat <strong>Webhozz<\/strong> dimanapun berada, gimana kabarnya nih? Semoga sehat selalu nih, amin. Alhamdulillah pada kesempatan kali ini kita akan berbagi ilmu lewat tutorial lagi.<\/p>\n<p>Pada kesempatan ini, kita akan membahas tentang penggunaan <strong>Google Map<\/strong> pada file HTML. Sebelumnya, tentunya kita pernah melihat sebuah website yang memiliki menu \u201cKontak Kami\u201d, yang mana pada menu tersebut berisi tentang info kontak dan alamat sebuah perusahaan bukan? Nah, disitu ada gambar peta dari <strong>Google Map<\/strong>, <!--more-->yang menunjukkan posisi alamat perusahaan tersebut.<\/p>\n<p>Hal tersebut dibuat dengan tujuan untuk mempermudah pengunjung website agar pengunjung bisa mengetahui lebih jelas tentang alamat perusahaan tersebut. Nah, pada kesempatan ini kita akan belajar cara memasangnya di file HTML kita.<\/p>\n<p>Caranya sama aja kayak artikel sebelumnya, yaitu tentang memasukkan file youtube (silahkan klik disini untuk lebih lanjut <a href=\"https:\/\/www.webhozz.com\/blog\/cara-memasukkan-video-youtube-ke-dalam-html\/\">https:\/\/www.webhozz.com\/blog\/cara-memasukkan-video-youtube-ke-dalam-html\/<\/a>).<\/p>\n<p>Jadi, membuatnya sangat mudah. Maka dari itu, mari kita coba sama-sama. Silahkan buka aplikasi Web Editor pilihan sobat masing-masing.<\/p>\n<ol>\n<li>Buat file HTML baru, sebagai contoh <strong>html<\/strong>.<\/li>\n<li>Ketikkan struktur kode HTML seperti<\/li>\n<\/ol>\n<p>&lt;!DOCTYPE html&gt;<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;head&gt;<\/p>\n<p>&lt;title&gt;Google Maps&lt;\/title&gt;<\/p>\n<p>&lt;\/head&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;h1&gt;Alamat Kami&lt;\/h1&gt;<\/p>\n<p>&lt;hr&gt;<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<p>&nbsp;<\/p>\n<ol start=\"3\">\n<li>Buka website <strong>Google Maps<\/strong>, sebagai contohnya silahkan disini <a href=\"https:\/\/www.google.co.id\/maps\/\">https:\/\/www.google.co.id\/maps\/<\/a>.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-1.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-5992\" src=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-1-300x178.png\" alt=\"\" width=\"400\" height=\"237\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-1-300x178.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-1-768x456.png 768w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-1-1024x608.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-1.png 1040w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p>4. Selanjutnya, dalam <strong>google maps<\/strong> silahkan ketikkan alamat posisi kita dimanapun berada pada kolom yang disediakan. Kemudian tekan <strong>Enter<\/strong> jika alamatnya sudah ditemukan.<\/p>\n<p><a href=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-2.png\"><img decoding=\"async\" class=\"alignnone wp-image-5993\" src=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-2-300x167.png\" alt=\"\" width=\"400\" height=\"222\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-2-300x167.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-2.png 659w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p>5. Maka <strong>Google Map<\/strong> akan menampilkan alamat yang kita cari. Silahkan perhatikan pada gambar di bawah ini.<\/p>\n<p><a href=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-3.png\"><img decoding=\"async\" class=\"alignnone wp-image-5994\" src=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-3-300x180.png\" alt=\"\" width=\"400\" height=\"240\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-3-300x180.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-3-768x461.png 768w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-3-1024x614.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-3.png 1037w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p>6. Selanjutnya, pada bagian kiri menu silahkan klik menu <strong>Bagikan <\/strong>(seperti tanda merah). Dengan tujuan untuk membagikan alamat kita.<\/p>\n<p><a href=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5995\" src=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-4-300x216.png\" alt=\"\" width=\"400\" height=\"289\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-4-300x216.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-4.png 686w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p>7. Maka akan diarahkan pada tampilan menu popup di bawah ini. Klik pada tab <strong>Sematkan Peta<\/strong>, kemudian akan tampil seperti di bawah ini.<\/p>\n<p><a href=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5996\" src=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-5-300x182.png\" alt=\"\" width=\"400\" height=\"242\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-5-300x182.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-5-768x466.png 768w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-5-1024x621.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-5.png 1031w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p>8. Selanjutnya<strong>copy<\/strong>kode HTML, seperti lingkaran merah di bawah ini.<\/p>\n<p><a href=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5997\" src=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-6-300x286.png\" alt=\"\" width=\"400\" height=\"382\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-6-300x286.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-6.png 649w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p>9. Selanjutnya, <strong>paste <\/strong>kode tersebut pada file <strong>html <\/strong>yang kita buat tadi.<\/p>\n<p>&lt;!DOCTYPE html&gt;<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;head&gt;<\/p>\n<p>&lt;title&gt;Google Maps&lt;\/title&gt;<\/p>\n<p>&lt;\/head&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;h1&gt;Alamat Kami&lt;\/h1&gt;<\/p>\n<p>&lt;hr&gt;<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;iframe src=&#8221;https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3960.683728838511!2d107.6198273144352!3d-6.928355569741015!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e68e87ffb3736a5%3A0x1fa0782bad367c26!2sWebhozz+Bandung!5e0!3m2!1sid!2sid!4v1512984270823&#8243; width=&#8221;600&#8243; height=&#8221;450&#8243; frameborder=&#8221;0&#8243; style=&#8221;border:0&#8243; allowfullscreen&gt;&lt;\/iframe&gt;<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<p>10. Jalankan pada browser, maka akan tampil seperti ini.<\/p>\n<p><a href=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-7.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5998\" src=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-7-300x180.png\" alt=\"\" width=\"400\" height=\"240\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-7-300x180.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-7-768x461.png 768w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-7-1024x614.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-7.png 1030w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p>11. Dan begitulah caranya, untuk mengganti ukurannya silahkan kembali pada <strong>langkah ke 8<\/strong>. Caranya bisa dengan klik menu pilihan seperti pada lingkaran di bawah ini.<\/p>\n<p><a href=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-8.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5999\" src=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-8-300x288.png\" alt=\"\" width=\"400\" height=\"384\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-8-300x288.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML-8.png 648w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Dan begitulah caranya dalam memasang <strong>Google Map <\/strong>pada file HTML yang kita buat. Selamat mencoba.<\/p>\n<p>Demikianlah ilmu yang bisa kita pelajari sama-sama kali ini. Insya Allah akan update terus. Akhir kata, semoga artikel ini bermanfaat, Amin.<\/p>\n<p><strong>Wassalamualaikum Wr. Wb.<\/strong><\/p>\n<p><strong>\u00a0<\/strong><\/p>\n<p><strong>Created by: Danny Julian Pratama\u00a0<\/strong><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Assalamualaikum Wr. Wb. Para sobat Webhozz dimanapun berada, gimana kabarnya nih? Semoga sehat selalu nih, amin. Alhamdulillah pada kesempatan kali ini kita akan berbagi ilmu<\/p>\n","protected":false},"author":1,"featured_media":5991,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1890,3],"tags":[2455,2458,2453,2454,2449,2456,2457],"class_list":["post-5990","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artikel","category-belajar-web-design","tag-cara-masukin-google-maps-html","tag-coding-masukin-google-maps-html","tag-masukin-google-maps-dalam-html","tag-memasukan-google-maps-kedalam-html","tag-penggunaan-google-map-pada-file-html","tag-script-masukin-google-maps-html","tag-skrip-masukin-google-maps-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cara Memasukkan Google Maps ke Dalam File HTML - WebHozz Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webhozz.com\/blog\/cara-memasukkan-google-maps-ke-dalam-file-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Memasukkan Google Maps ke Dalam File HTML - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Assalamualaikum Wr. Wb. Para sobat Webhozz dimanapun berada, gimana kabarnya nih? Semoga sehat selalu nih, amin. Alhamdulillah pada kesempatan kali ini kita akan berbagi ilmu\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/cara-memasukkan-google-maps-ke-dalam-file-html\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-12T07:36:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-06-26T11:42:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML.png\" \/>\n\t<meta property=\"og:image:width\" content=\"746\" \/>\n\t<meta property=\"og:image:height\" content=\"505\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-memasukkan-google-maps-ke-dalam-file-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-memasukkan-google-maps-ke-dalam-file-html\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\"},\"headline\":\"Cara Memasukkan Google Maps ke Dalam File HTML\",\"datePublished\":\"2017-12-12T07:36:08+00:00\",\"dateModified\":\"2019-06-26T11:42:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-memasukkan-google-maps-ke-dalam-file-html\\\/\"},\"wordCount\":505,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-memasukkan-google-maps-ke-dalam-file-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/12\\\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML.png\",\"keywords\":[\"cara masukin google maps html\",\"coding masukin google maps html\",\"masukin google maps dalam html\",\"memasukan google maps kedalam html\",\"penggunaan Google Map pada file HTML.\",\"script masukin google maps html\",\"skrip masukin google maps html\"],\"articleSection\":[\"Artikel\",\"Belajar Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-memasukkan-google-maps-ke-dalam-file-html\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-memasukkan-google-maps-ke-dalam-file-html\\\/\",\"name\":\"Cara Memasukkan Google Maps ke Dalam File HTML - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-memasukkan-google-maps-ke-dalam-file-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-memasukkan-google-maps-ke-dalam-file-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/12\\\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML.png\",\"datePublished\":\"2017-12-12T07:36:08+00:00\",\"dateModified\":\"2019-06-26T11:42:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-memasukkan-google-maps-ke-dalam-file-html\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-memasukkan-google-maps-ke-dalam-file-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-memasukkan-google-maps-ke-dalam-file-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/12\\\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML.png\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/12\\\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML.png\",\"width\":746,\"height\":505},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-memasukkan-google-maps-ke-dalam-file-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Memasukkan Google Maps ke Dalam File HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web &amp; Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Memasukkan Google Maps ke Dalam File HTML - WebHozz Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webhozz.com\/blog\/cara-memasukkan-google-maps-ke-dalam-file-html\/","og_locale":"en_US","og_type":"article","og_title":"Cara Memasukkan Google Maps ke Dalam File HTML - WebHozz Blog","og_description":"Assalamualaikum Wr. Wb. Para sobat Webhozz dimanapun berada, gimana kabarnya nih? Semoga sehat selalu nih, amin. Alhamdulillah pada kesempatan kali ini kita akan berbagi ilmu","og_url":"https:\/\/www.webhozz.com\/blog\/cara-memasukkan-google-maps-ke-dalam-file-html\/","og_site_name":"WebHozz Blog","article_published_time":"2017-12-12T07:36:08+00:00","article_modified_time":"2019-06-26T11:42:02+00:00","og_image":[{"width":746,"height":505,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/cara-memasukkan-google-maps-ke-dalam-file-html\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/cara-memasukkan-google-maps-ke-dalam-file-html\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef"},"headline":"Cara Memasukkan Google Maps ke Dalam File HTML","datePublished":"2017-12-12T07:36:08+00:00","dateModified":"2019-06-26T11:42:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/cara-memasukkan-google-maps-ke-dalam-file-html\/"},"wordCount":505,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/cara-memasukkan-google-maps-ke-dalam-file-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML.png","keywords":["cara masukin google maps html","coding masukin google maps html","masukin google maps dalam html","memasukan google maps kedalam html","penggunaan Google Map pada file HTML.","script masukin google maps html","skrip masukin google maps html"],"articleSection":["Artikel","Belajar Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/cara-memasukkan-google-maps-ke-dalam-file-html\/","url":"https:\/\/www.webhozz.com\/blog\/cara-memasukkan-google-maps-ke-dalam-file-html\/","name":"Cara Memasukkan Google Maps ke Dalam File HTML - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/cara-memasukkan-google-maps-ke-dalam-file-html\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/cara-memasukkan-google-maps-ke-dalam-file-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML.png","datePublished":"2017-12-12T07:36:08+00:00","dateModified":"2019-06-26T11:42:02+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/cara-memasukkan-google-maps-ke-dalam-file-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/cara-memasukkan-google-maps-ke-dalam-file-html\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/cara-memasukkan-google-maps-ke-dalam-file-html\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML.png","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Cara-Memasukkan-Google-Maps-ke-dalam-file-HTML.png","width":746,"height":505},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/cara-memasukkan-google-maps-ke-dalam-file-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Cara Memasukkan Google Maps ke Dalam File HTML"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web &amp; Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/5990","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=5990"}],"version-history":[{"count":5,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/5990\/revisions"}],"predecessor-version":[{"id":8654,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/5990\/revisions\/8654"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/5991"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=5990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=5990"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=5990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}