{"id":10915,"date":"2023-07-24T15:23:35","date_gmt":"2023-07-24T18:23:35","guid":{"rendered":"https:\/\/geoblog.mkwebb.com.br2\/?p=10915"},"modified":"2024-11-27T10:11:46","modified_gmt":"2024-11-27T13:11:46","slug":"como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa","status":"publish","type":"post","link":"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/","title":{"rendered":"Como usar a Maps API do Google Maps no site da sua empresa?"},"content":{"rendered":"\r\n<p><span style=\"font-weight: 400\">A <strong>Maps API do Google Maps<\/strong> \u00e9 um recurso que permite exibir mapas em seu site ou aplicativo. Com ela, por exemplo, voc\u00ea pode exibir a localiza\u00e7\u00e3o do seu estabelecimento mais pr\u00f3ximo, ou de seus outros estabelecimentos distribu\u00eddos pela cidade, por meio de marcadores que podem ser personalizados conforme a identidade da sua marca.<\/span><\/p>\r\n<p><span style=\"font-weight: 400\">Neste artigo, voc\u00ea confere exemplos pr\u00e1ticos que utilizam a Maps API do Google Mapas, bem como dicas de utiliza\u00e7\u00e3o para aproveitar ao m\u00e1ximo esta poderosa API. Boa leitura! <\/span><\/p>\r\n\r\n\r\n\r\n<span class=\"gdlr-core-space-shortcode\" style=\"margin-top: 35px ;\"  ><\/span>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">APIs do Google Maps: o que s\u00e3o?<\/h2>\r\n\r\n\r\n\r\n<p><span style=\"font-weight: 400\">O Google Maps abrange um pacote de produtos divididos em Mapas, Rotas e Lugares (ou Maps, Routes e Places, em ingl\u00eas). Cada um deles cont\u00e9m uma cole\u00e7\u00e3o de APIs e SDKs, as quais s\u00e3o c\u00f3digos pr\u00e9-empacotados que podem ser utilizados em conjunto para criar aplicativos ou solu\u00e7\u00f5es web com mapas e dados de localiza\u00e7\u00e3o do Google.<\/span><\/p>\r\n<p><span style=\"font-weight: 400\">As <strong>APIs do Google Maps<\/strong> funcionam como \u201cblocos de constru\u00e7\u00e3o\u201d que podem ser explorados em conjunto para criar experi\u00eancias e aplica\u00e7\u00f5es baseadas em localiza\u00e7\u00e3o. Por meio delas, as organiza\u00e7\u00f5es podem desenvolver solu\u00e7\u00f5es internas, externas, solu\u00e7\u00f5es de rastreamento e outras.<\/span><\/p>\r\n<p><span style=\"font-weight: 400\">Entenda as tr\u00eas categorias de APIs:<\/span><\/p>\r\n<ul>\r\n<li><b> Maps (Mapas): <\/b><span style=\"font-weight: 400\">exibe informa\u00e7\u00f5es em mapas est\u00e1ticos ou din\u00e2micos por meio do Maps e do Street View e facilitar a navega\u00e7\u00e3o de clientes e usu\u00e1rios em sites ou aplicativos.<\/span><\/li>\r\n<li><b> Routes (Rotas):<\/b><span style=\"font-weight: 400\"> simplifica o c\u00e1lculo do caminho mais eficiente para seu usu\u00e1rio, eliminando atrasos e reduzindo deslocamentos desnecess\u00e1rios.<\/span><\/li>\r\n<li><b>Places (Lugares):<\/b> facilita a descoberta de mais de 200 milh\u00f5es de lugares mapeados (estabelecimentos, locais geogr\u00e1ficos ou pontos de interesse) em uma \u00e1rea ou ponto definido de um mapa.<\/li>\r\n<\/ul>\r\n<span class=\"gdlr-core-space-shortcode\" style=\"margin-top: 35px ;\"  ><\/span>\r\n<h3><strong>Quais s\u00e3o os modelos de mapas?<\/strong><\/h3>\r\n<p><span style=\"font-weight: 400\">A Google Maps API disponibiliza uma variedade de ferramentas para desenvolvedores criarem aplica\u00e7\u00f5es e websites com mapas personalizados e interativos. A partir desses recursos, \u00e9 poss\u00edvel visualizar dados geogr\u00e1ficos de forma clara e intuitiva, enriquecendo a experi\u00eancia do usu\u00e1rio.\u00a0<\/span><\/p>\r\n<p><span style=\"font-weight: 400\">A escolha do modelo de mapa ideal depende diretamente da necessidade de informa\u00e7\u00e3o que se deseja transmitir e da complexidade da aplica\u00e7\u00e3o. Confira a seguir os principais tipos de mapas dispon\u00edveis e suas aplica\u00e7\u00f5es pr\u00e1ticas.\u00a0<\/span><\/p>\r\n<h4><span style=\"color: #eb7334\"><strong>Mapas est\u00e1ticos<\/strong><\/span><\/h4>\r\n<p><span style=\"font-weight: 400\">Os mapas est\u00e1ticos s\u00e3o imagens fixas geradas a partir de par\u00e2metros espec\u00edficos, como latitude, longitude, zoom e tipo de mapa. Eles s\u00e3o ideais quando se precisa de uma representa\u00e7\u00e3o visual simples e r\u00e1pida de um local, sem a necessidade de intera\u00e7\u00e3o do usu\u00e1rio. A inclus\u00e3o em um site ou app \u00e9 simples, bastando inserir o URL da imagem gerada no c\u00f3digo HTML.<\/span><\/p>\r\n<p><span style=\"font-weight: 400\"><strong>Exemplo:<\/strong> um site de viagens pode utilizar mapas est\u00e1ticos da cidade de Nova York para mostrar a localiza\u00e7\u00e3o dos destinos, facilitando a visualiza\u00e7\u00e3o para os leitores.<\/span><\/p>\r\n<div id=\"attachment_14701\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/staticmap.png\"><img fetchpriority=\"high\" decoding=\"async\" aria-describedby=\"caption-attachment-14701\" class=\"wp-image-14701 size-full\" src=\"https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/staticmap.png\" alt=\"Mapa est\u00e1tico com a API Google Maps\" width=\"600\" height=\"300\" srcset=\"https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/staticmap.png 600w, https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/staticmap-300x150.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-14701\" class=\"wp-caption-text\">Exemplo de mapa est\u00e1tico para a inclus\u00e3o em sites e apps. Fonte: Google Maps Platform.<\/p><\/div>\r\n<p><span style=\"font-weight: 400\">No exemplo acima, n\u00e3o \u00e9 preciso escrever nenhum c\u00f3digo para que essa imagem apare\u00e7a na p\u00e1gina. Basta criar um URL e coloc\u00e1-lo em uma tag &lt;img&gt;. Assim, voc\u00ea pode colocar uma API Google Maps Static em qualquer lugar da sua p\u00e1gina da web.<\/span><\/p>\r\n<span class=\"gdlr-core-space-shortcode\" style=\"margin-top: 30px ;\"  ><\/span>\r\n<h4><strong><span style=\"color: #eb7334\">Maps JavaScript API<\/span><\/strong><\/h4>\r\n<p><span style=\"font-weight: 400\">A Maps JavaScript API permite um alto n\u00edvel de personaliza\u00e7\u00e3o, possibilitando a cria\u00e7\u00e3o de mapas din\u00e2micos e interativos. A partir dela, \u00e9 poss\u00edvel adicionar marcadores, linhas, pol\u00edgonos, caixas informativas e outras camadas de dados ao mapa. A API tamb\u00e9m permite personalizar a apar\u00eancia do mapa, como cores, estilos e controles.<\/span><\/p>\r\n<p><span style=\"font-weight: 400\"><strong>Exemplo:<\/strong> o aplicativo Busca Sa\u00fade, desenvolvido pela Geoambiente em parceria com Secretaria Municipal de Sa\u00fade de S\u00e3o Paulo, utiliza a Maps JavaScript API para permitir que os usu\u00e1rios encontrem facilmente os estabelecimentos de sa\u00fade mais pr\u00f3ximos. A API possibilita a visualiza\u00e7\u00e3o dos estabelecimentos em um mapa, com informa\u00e7\u00f5es como endere\u00e7o, telefone e especialidades, al\u00e9m de permitir a realiza\u00e7\u00e3o de rotas.<\/span><\/p>\r\n<div id=\"attachment_14702\" style=\"width: 820px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" aria-describedby=\"caption-attachment-14702\" class=\"wp-image-14702 size-full\" src=\"https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/Busca-Saude.jpg\" alt=\"Captura de tela com o mapa do Busca Sa\u00fade e marca\u00e7\u00f5es personalizadas de estabelecimentos de sa\u00fade na cidade de S\u00e3o Paulo.\" width=\"810\" height=\"387\" srcset=\"https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/Busca-Saude.jpg 810w, https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/Busca-Saude-300x143.jpg 300w, https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/Busca-Saude-768x367.jpg 768w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><p id=\"caption-attachment-14702\" class=\"wp-caption-text\">Interface do Busca Sa\u00fade, o sistema de localiza\u00e7\u00e3o de estabelecimentos de sa\u00fade da Rede SUS da Secretaria do Munic\u00edpio de S\u00e3o Paulo.<\/p><\/div>\r\n<p>Saiba mais sobre as APIs Google Maps Platform aplicadas para a constru\u00e7\u00e3o do sistema <strong>Busca Sa\u00fade<\/strong>:<\/p>\r\n<div class=\"hs-cta-embed hs-cta-simple-placeholder hs-cta-embed-140793650057\" style=\"margin: auto;max-width: 100%;max-height: 100%;width: 600px;height: 241px\"><a href=\"https:\/\/cta-service-cms2.hubspot.com\/web-interactives\/public\/v1\/track\/redirect?encryptedPayload=AVxigLJTyWLb5aytqaIhxBo8p7ruoeAUNingFvRXNBF1g83%2F3%2FCZ875xZKfppBuhVKSIAbPGyGBacKzTtsBO%2BtuSDVu0w9hTRHLUpE53o%2B9fH2VknOkIUpPKZX6TAx7t55z8j6kV8sN%2FHoZb9uyA%2BJriH36i8dl5VRsDw9NGRPQtcZZEy3esIwLL0R%2BerXswKlo14wIiAuruN2Sl%2FL91JY7M&amp;webInteractiveContentId=140793650057&amp;portalId=24042613\" target=\"_blank\" rel=\"noopener\"> <img decoding=\"async\" style=\"height: 100%;width: 100%;object-fit: fill\" src=\"https:\/\/no-cache.hubspot.com\/cta\/default\/24042613\/interactive-140793650057.png\" alt=\"Case Busca Sa\u00fade - Prefeitura de S\u00e3o Paulo\" \/><\/a><\/div>\r\n<div>\u00a0<\/div>\r\n<div><span class=\"gdlr-core-space-shortcode\" style=\"margin-top: 30px ;\"  ><\/span><\/div>\r\n<div>\r\n<h4><span style=\"color: #eb7334\"><strong>Aerial View<\/strong><\/span><\/h4>\r\n<p><span style=\"font-weight: 400\">O Aerial View fornece uma experi\u00eancia visual rica e imersiva, com imagens a\u00e9reas de alta resolu\u00e7\u00e3o em 3D. Este recurso \u00e9 ideal para empresas do setor imobili\u00e1rio, turismo e constru\u00e7\u00e3o civil, que desejam apresentar seus im\u00f3veis ou projetos de forma mais atrativa.<\/span><\/p>\r\n<p><span style=\"font-weight: 400\"><strong>Exemplo:<\/strong> uma ag\u00eancia de viagens pode utilizar o Aerial View para criar v\u00eddeos cinem\u00e1ticos de destinos tur\u00edsticos, mostrando aos clientes uma vis\u00e3o panor\u00e2mica e detalhada dos locais.<\/span><\/p>\r\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14711\" src=\"https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/Aerial-View.gif\" alt=\"\" width=\"800\" height=\"450\" \/><\/p>\r\n<span class=\"gdlr-core-space-shortcode\" style=\"margin-top: 30px ;\"  ><\/span>\r\n<h4><strong><span style=\"color: #eb7334\">Map Tiles API<\/span><\/strong><\/h4>\r\n<p><span style=\"font-weight: 400\">A Map Tiles API prov\u00ea acesso a dados geogr\u00e1ficos em alta resolu\u00e7\u00e3o, como imagens de sat\u00e9lite, mapas topogr\u00e1ficos e dados de eleva\u00e7\u00e3o. Esses dados podem ser utilizados para criar mapas personalizados e visualiza\u00e7\u00f5es 2D e 3D.<\/span><\/p>\r\n<p><span style=\"font-weight: 400\"><strong>Exemplo:<\/strong> um governo municipal pode utilizar a Map Tiles API em suas aplica\u00e7\u00f5es para criar mapas personalizados, com camadas de informa\u00e7\u00e3o sobre clima, demografia e outros temas.<\/span><\/p>\r\n<p><span style=\"font-weight: 400\">Confira no v\u00eddeo as possibilidades e recursos oferecidos pela Map Tiles API:<\/span><\/p>\r\n<\/div>\r\n<span class=\"gdlr-core-space-shortcode\" style=\"margin-top: 20px ;\"  ><\/span>\r\n<div class=\"wp-block-group\">\r\n<p><iframe title=\"Mapas com visualiza\u00e7\u00f5es imersivas\u00a0em 2D e 3D \u2014 Map Tiles API\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/gTnVRhOc7fc?feature=oembed&#038;enablejsapi=1&#038;origin=https:\/\/geoambiente.com.br\/blog\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\r\n<span class=\"gdlr-core-space-shortcode\" style=\"margin-top: 35px ;\"  ><\/span>\r\n<h3><strong>Como come\u00e7ar a usar as APIs do Google Maps<\/strong><\/h3>\r\n<p><span style=\"font-weight: 400\">Para come\u00e7ar a utilizar as APIs do Google Maps, \u00e9 preciso criar uma conta no Google Cloud Platform e gerar uma <\/span><b>chave de API<\/b><span style=\"font-weight: 400\"> (<strong>API key<\/strong>). Essa chave ser\u00e1 utilizada para autenticar as suas requisi\u00e7\u00f5es \u00e0 API. Em seguida, voc\u00ea poder\u00e1 utilizar as bibliotecas e ferramentas fornecidas pelo Google para criar seus mapas personalizados.<\/span><\/p>\r\n<p><span style=\"font-weight: 400\">\u00c9 importante se atentar para os custos associados ao uso das <strong>APIs do Google Maps<\/strong>. O valor a ser pago depende da quantidade de requisi\u00e7\u00f5es realizadas e dos recursos utilizados. <strong>Obtenha<\/strong><\/span><span style=\"font-weight: 400\"><strong>\u00a0<a href=\"https:\/\/geoambiente.com.br\/blog\/preco-das-apis-de-google-maps-quanto-custa-para-usar-a-plataforma\/\">mais informa\u00e7\u00f5es sobre os pre\u00e7os<\/a><\/strong>!\u00a0<\/span><\/p>\r\n<p><span style=\"font-weight: 400\">Como uma empresa Premier Partner do Google, a <strong><a href=\"https:\/\/geoambiente.com.br\/blog\/google-maps-platform\/\">Geoambiente<\/a><\/strong> oferece descontos progressivos por volume na utiliza\u00e7\u00e3o dos recursos da Plataforma Google Maps. Tamb\u00e9m contamos com um time de TI preparado para desenvolver o sistema\/app ideal para projetos, integrando as APIs Google Maps necess\u00e1rias.<\/span><\/p>\r\n<p><span style=\"font-weight: 400\">Entenda quais s\u00e3o as <\/span><strong><a href=\"https:\/\/geoambiente.com.br\/blog\/vantagens-de-contratar-plataforma-google-maps-atraves-de-um-parceiro-premier-do-google\/\">vantagens de utilizar as APIs do Google Maps por meio de um parceiro Google<\/a><\/strong><span style=\"font-weight: 400\"> e compartilhe o seu desafio com o nosso time.<\/span><\/p>\r\n<p>&nbsp;<\/p>\r\n<\/div>\r\n<div class=\"hs-cta-embed hs-cta-simple-placeholder hs-cta-embed-172868574023 aligncenter\" style=\"max-width: 100%;max-height: 100%;width: 600px;height: 370.359375px\" data-hubspot-wrapper-cta-id=\"172868574023\"><a href=\"https:\/\/cta-service-cms2.hubspot.com\/web-interactives\/public\/v1\/track\/redirect?encryptedPayload=AVxigLJfmmyVNcXJOR7QlD06xcwSYMor4FCNnfKxqDWSAs%2FyX3IEw8fD7j4veJ1x8Go5HfCzFWsp%2FkxqTrBiy0nTH1%2Flk7I9kCeWU6ttg2YusaH4Kof6y3XlIRkJ9iZJjcwja1zuk3RtIpYVBhvqCk%2FwEWb3okH6JZ3Oad1IDYeUNQlwRveTdU4ZSHWvd%2BTP&amp;webInteractiveContentId=172868574023&amp;portalId=24042613\" target=\"_blank\" rel=\"noopener\"> <img class=\"aligncenter\" \/> <img decoding=\"async\" style=\"height: 100%;width: 100%;object-fit: fill\" src=\"https:\/\/no-cache.hubspot.com\/cta\/default\/24042613\/interactive-172868574023.png\" alt=\"Instagram2\" \/> <\/a><\/div>\r\n<div data-hubspot-wrapper-cta-id=\"172868574023\"><span class=\"gdlr-core-space-shortcode\" style=\"margin-top: 35px ;\"  ><\/span><\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>A Maps API do Google Maps \u00e9 um recurso que permite exibir mapas em seu site ou aplicativo. Com ela, por exemplo, voc\u00ea pode exibir a localiza\u00e7\u00e3o do seu estabelecimento mais pr\u00f3ximo, ou de seus outros estabelecimentos distribu\u00eddos pela cidade, por meio de marcadores que podem ser personalizados conforme a identidade da sua marca. Neste [&hellip;]<\/p>\n","protected":false},"author":77,"featured_media":14769,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_joinchat":[],"footnotes":""},"categories":[1711,1712],"tags":[],"class_list":["post-10915","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-google-maps-platform","category-recursos-maps"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Como usar a Maps API do Google Maps no site da sua empresa? - Blog da GEO<\/title>\n<meta name=\"description\" content=\"A Maps JavaScript API do Google Maps possibilita a customiza\u00e7\u00e3o do mapa com conte\u00fado e imagens pr\u00f3prias em sites ou apps\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como usar a Maps API do Google Maps no site da sua empresa? - Blog da GEO\" \/>\n<meta property=\"og:description\" content=\"A Maps JavaScript API do Google Maps possibilita a customiza\u00e7\u00e3o do mapa com conte\u00fado e imagens pr\u00f3prias em sites ou apps\" \/>\n<meta property=\"og:url\" content=\"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog da GEO\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-24T18:23:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-27T13:11:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/Como-usar-a-Maps-API-do-Google-Maps-no-site-da-sua-empresa_.png\" \/>\n\t<meta property=\"og:image:width\" content=\"810\" \/>\n\t<meta property=\"og:image:height\" content=\"455\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Thiago Sailer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thiago Sailer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/\"},\"author\":{\"name\":\"Thiago Sailer\",\"@id\":\"https:\/\/geoambiente.com.br\/blog\/#\/schema\/person\/6fe9b53c751210ee83af97a452b10498\"},\"headline\":\"Como usar a Maps API do Google Maps no site da sua empresa?\",\"datePublished\":\"2023-07-24T18:23:35+00:00\",\"dateModified\":\"2024-11-27T13:11:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/\"},\"wordCount\":1157,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/Como-usar-a-Maps-API-do-Google-Maps-no-site-da-sua-empresa_.png\",\"articleSection\":[\"Google Maps Platform\",\"Recursos Google Maps\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/\",\"url\":\"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/\",\"name\":\"Como usar a Maps API do Google Maps no site da sua empresa? - Blog da GEO\",\"isPartOf\":{\"@id\":\"https:\/\/geoambiente.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/Como-usar-a-Maps-API-do-Google-Maps-no-site-da-sua-empresa_.png\",\"datePublished\":\"2023-07-24T18:23:35+00:00\",\"dateModified\":\"2024-11-27T13:11:46+00:00\",\"author\":{\"@id\":\"https:\/\/geoambiente.com.br\/blog\/#\/schema\/person\/6fe9b53c751210ee83af97a452b10498\"},\"description\":\"A Maps JavaScript API do Google Maps possibilita a customiza\u00e7\u00e3o do mapa com conte\u00fado e imagens pr\u00f3prias em sites ou apps\",\"breadcrumb\":{\"@id\":\"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/#primaryimage\",\"url\":\"https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/Como-usar-a-Maps-API-do-Google-Maps-no-site-da-sua-empresa_.png\",\"contentUrl\":\"https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/Como-usar-a-Maps-API-do-Google-Maps-no-site-da-sua-empresa_.png\",\"width\":810,\"height\":455},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/geoambiente.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como usar a Maps API do Google Maps no site da sua empresa?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/geoambiente.com.br\/blog\/#website\",\"url\":\"https:\/\/geoambiente.com.br\/blog\/\",\"name\":\"Blog da GEO\",\"description\":\"Blog da GEO\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/geoambiente.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/geoambiente.com.br\/blog\/#\/schema\/person\/6fe9b53c751210ee83af97a452b10498\",\"name\":\"Thiago Sailer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/geoambiente.com.br\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/751a2f3114946709a929b6cbd841736be4887fd690dbfab6aa33f6b0d9968d70?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/751a2f3114946709a929b6cbd841736be4887fd690dbfab6aa33f6b0d9968d70?s=96&d=mm&r=g\",\"caption\":\"Thiago Sailer\"},\"description\":\"Head de Google Maps Formado em Geografia e especialista em gest\u00e3o comercial para as solu\u00e7\u00f5es da Google Maps Platform.\",\"url\":\"https:\/\/geoambiente.com.br\/blog\/author\/thiagosailer\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como usar a Maps API do Google Maps no site da sua empresa? - Blog da GEO","description":"A Maps JavaScript API do Google Maps possibilita a customiza\u00e7\u00e3o do mapa com conte\u00fado e imagens pr\u00f3prias em sites ou apps","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:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/","og_locale":"pt_BR","og_type":"article","og_title":"Como usar a Maps API do Google Maps no site da sua empresa? - Blog da GEO","og_description":"A Maps JavaScript API do Google Maps possibilita a customiza\u00e7\u00e3o do mapa com conte\u00fado e imagens pr\u00f3prias em sites ou apps","og_url":"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/","og_site_name":"Blog da GEO","article_published_time":"2023-07-24T18:23:35+00:00","article_modified_time":"2024-11-27T13:11:46+00:00","og_image":[{"width":810,"height":455,"url":"https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/Como-usar-a-Maps-API-do-Google-Maps-no-site-da-sua-empresa_.png","type":"image\/png"}],"author":"Thiago Sailer","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Thiago Sailer","Est. tempo de leitura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/#article","isPartOf":{"@id":"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/"},"author":{"name":"Thiago Sailer","@id":"https:\/\/geoambiente.com.br\/blog\/#\/schema\/person\/6fe9b53c751210ee83af97a452b10498"},"headline":"Como usar a Maps API do Google Maps no site da sua empresa?","datePublished":"2023-07-24T18:23:35+00:00","dateModified":"2024-11-27T13:11:46+00:00","mainEntityOfPage":{"@id":"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/"},"wordCount":1157,"commentCount":0,"image":{"@id":"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/#primaryimage"},"thumbnailUrl":"https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/Como-usar-a-Maps-API-do-Google-Maps-no-site-da-sua-empresa_.png","articleSection":["Google Maps Platform","Recursos Google Maps"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/","url":"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/","name":"Como usar a Maps API do Google Maps no site da sua empresa? - Blog da GEO","isPartOf":{"@id":"https:\/\/geoambiente.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/#primaryimage"},"image":{"@id":"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/#primaryimage"},"thumbnailUrl":"https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/Como-usar-a-Maps-API-do-Google-Maps-no-site-da-sua-empresa_.png","datePublished":"2023-07-24T18:23:35+00:00","dateModified":"2024-11-27T13:11:46+00:00","author":{"@id":"https:\/\/geoambiente.com.br\/blog\/#\/schema\/person\/6fe9b53c751210ee83af97a452b10498"},"description":"A Maps JavaScript API do Google Maps possibilita a customiza\u00e7\u00e3o do mapa com conte\u00fado e imagens pr\u00f3prias em sites ou apps","breadcrumb":{"@id":"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/#primaryimage","url":"https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/Como-usar-a-Maps-API-do-Google-Maps-no-site-da-sua-empresa_.png","contentUrl":"https:\/\/geoambiente.com.br\/blog\/wp-content\/uploads\/2023\/07\/Como-usar-a-Maps-API-do-Google-Maps-no-site-da-sua-empresa_.png","width":810,"height":455},{"@type":"BreadcrumbList","@id":"https:\/\/geoambiente.com.br\/blog\/como-usar-a-maps-api-do-google-maps-no-site-da-sua-empresa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/geoambiente.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Como usar a Maps API do Google Maps no site da sua empresa?"}]},{"@type":"WebSite","@id":"https:\/\/geoambiente.com.br\/blog\/#website","url":"https:\/\/geoambiente.com.br\/blog\/","name":"Blog da GEO","description":"Blog da GEO","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/geoambiente.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/geoambiente.com.br\/blog\/#\/schema\/person\/6fe9b53c751210ee83af97a452b10498","name":"Thiago Sailer","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/geoambiente.com.br\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/751a2f3114946709a929b6cbd841736be4887fd690dbfab6aa33f6b0d9968d70?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/751a2f3114946709a929b6cbd841736be4887fd690dbfab6aa33f6b0d9968d70?s=96&d=mm&r=g","caption":"Thiago Sailer"},"description":"Head de Google Maps Formado em Geografia e especialista em gest\u00e3o comercial para as solu\u00e7\u00f5es da Google Maps Platform.","url":"https:\/\/geoambiente.com.br\/blog\/author\/thiagosailer\/"}]}},"_links":{"self":[{"href":"https:\/\/geoambiente.com.br\/blog\/wp-json\/wp\/v2\/posts\/10915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geoambiente.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/geoambiente.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/geoambiente.com.br\/blog\/wp-json\/wp\/v2\/users\/77"}],"replies":[{"embeddable":true,"href":"https:\/\/geoambiente.com.br\/blog\/wp-json\/wp\/v2\/comments?post=10915"}],"version-history":[{"count":5,"href":"https:\/\/geoambiente.com.br\/blog\/wp-json\/wp\/v2\/posts\/10915\/revisions"}],"predecessor-version":[{"id":15118,"href":"https:\/\/geoambiente.com.br\/blog\/wp-json\/wp\/v2\/posts\/10915\/revisions\/15118"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/geoambiente.com.br\/blog\/wp-json\/wp\/v2\/media\/14769"}],"wp:attachment":[{"href":"https:\/\/geoambiente.com.br\/blog\/wp-json\/wp\/v2\/media?parent=10915"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/geoambiente.com.br\/blog\/wp-json\/wp\/v2\/categories?post=10915"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/geoambiente.com.br\/blog\/wp-json\/wp\/v2\/tags?post=10915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}