{"id":3671,"date":"2020-01-09T11:29:10","date_gmt":"2020-01-09T14:29:10","guid":{"rendered":"https:\/\/blog.websitego.com.br\/?p=3671"},"modified":"2022-12-14T14:15:32","modified_gmt":"2022-12-14T17:15:32","slug":"como-adicionar-um-mapa-do-google-em-meu-site-personalizado","status":"publish","type":"post","link":"https:\/\/blog.websitego.com.br\/como-adicionar-um-mapa-do-google-em-meu-site-personalizado\/","title":{"rendered":"Como adicionar um mapa do Google em meu site personalizado"},"content":{"rendered":"<p><iframe title=\"Como adicionar um MAPA do Google em meu SITE personalizado | Site em HTML\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/620MuG2HHoE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<h3>Instru\u00e7\u00f5es:<\/h3>\n<p>Voc\u00ea sabe como adicionar um mapa do Google de forma personalizada dentro do seu site? Bom se voc\u00ea chegou at\u00e9 aqui vai precisar saber como integrar dentro do seu site esse mapa personalizado, responsivo e otimizado. Caso voc\u00ea queira integrar com o <a href=\"http:\/\/blog.websitego.com.br\/o-porque-nao-usamos-o-wordpress-para-sites-institucionais\/\">WordPress<\/a> recomendo a utiliza\u00e7\u00e3o de algum plug-in.<\/p>\n<h3>Integra\u00e7\u00e3o:<\/h3>\n<p>Para adicionar um mapa do Google, basta voc\u00ea copiar o c\u00f3digo abaixo, abrir o <a href=\"https:\/\/www.google.com.br\/maps\" target=\"_blank\" rel=\"noopener noreferrer\">Google Maps<\/a> colocar o endere\u00e7o do local que voc\u00ea quer e copiar as coordenadas como explica no v\u00eddeo acima. Lembre-se tamb\u00e9m de alterar a imagem do seu logo dentro do script abaixo.<\/p>\n<p><a class=\"botao-vendas-a botao-vendas\" href=\"https:\/\/scripts.websitego.com.br\/maps\/\" target=\"_blank\" rel=\"noopener noreferrer\">Adquirir o script completo<\/a><\/p>\n<h3>Aten\u00e7\u00e3o:<\/h3>\n<p>Se o seu site tiver HTTPS mude a primeira linha do script que cont\u00e9m a chamada em &#8216;HTTP&#8217;.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">&lt;script src='https:\/\/maps.google.com\/maps\/api\/js?key=AIzaSyDv7YRz1WWPhkr6aim8wEm4WDPBdk81z54'&gt;&lt;\/script&gt;<\/pre>\n<p>N\u00e3o deixe as duas linhas duplicadas, substitua somente em caso de erro se houver o <em>Certificado SSL.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Instru\u00e7\u00f5es: Voc\u00ea sabe como adicionar um mapa do Google de forma personalizada dentro do seu site? Bom se voc\u00ea chegou<\/p>\n","protected":false},"author":3,"featured_media":3673,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"single-right-sidebar.php","format":"standard","meta":[],"categories":[38,33],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/posts\/3671"}],"collection":[{"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/comments?post=3671"}],"version-history":[{"count":0,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/posts\/3671\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/media\/3673"}],"wp:attachment":[{"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/media?parent=3671"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/categories?post=3671"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/tags?post=3671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}