Como incorporar um mapa do google em html

Ter um mapa da área em que você está falando em seu site pode ser extremamente útil. Thiswill mostrar-lhe como incorporar um mapa do Google em HTML.

Passos

Parte 1 de 2:
Obtendo o código do Google Map
  1. Incorporar um mapa do Google em HTML Step 1
1. Vá para a localização que você quer compartilhar em https: // Google.com / maps. Isso abrirá um mapa especificamente no Google Maps.
  • Incorporar um mapa do Google em HTML Step 2
    2. Clique ☰. Isso está à esquerda da janela do navegador.
  • Incorporar um mapa do Google em HTML Step 3
    3. Clique Compartilhar ou incorporar mapa. Você pode ver "Link para este mapa". Esta opção é para a parte inferior do menu.
  • Incorporar um mapa do Google em HTML Step 4
    4. Clique no Incorporar um mapa aba.
  • Incorporar um mapa do Google em HTML Step 5
    5. Selecione o tamanho do mapa que você deseja. Ao lado do campo do texto, você verá PEQUENO, MÉDIO, AMPLA, ou TAMANHO PERSONALIZADO. Clique na pequena seta apontando para baixo para alterar o tamanho do mapa.


  • Incorporar um mapa do Google em HTML Step 6
    6. Copie o texto fornecido. Você pode usar os atalhos de teclado Ctrl+C (Windows) ou ⌘ cmd+C (Mac) para copiar o texto. Em um dispositivo móvel, você pode toque em longa o texto para as opções "Selecionar todas as" e "Copiar".
    • Parte 2 de 2:
    Incorporar o código do Google Map
    1. Incorporar um mapa do Google em HTML Step 7
    1. Abra seu HTML. Você poderia usar um programa como Dreamweaver ou usar um simples Processamento de palavras App como o bloco de notas e Textedit em que você edita seu arquivo HTML.
  • Incorporar um mapa do Google em HTML Step 8
    2. Navegue para onde você deseja incorporar o código do Google Map. Em Aplicativos como Dreamweaver, você pode ver o que o código se traduz em uma página da Web, para que você possa navegar facilmente pelo código HTML. Sem essas aplicações, você precisará saber onde está na página da Web olhando para o código.
  • Incorporar um mapa do Google em HTML Step 9
    3. Cole o código do Google Maps. Você pode usar atalhos de teclado pressionando Ctrl+P (Windows) ou ⌘ cmd+P (Mac). Em um dispositivo móvel, você pode lançar o campo de texto e toque em "Colar" quando a opção aparecer.
    • Compartilhe na rede social:
    Semelhante