Como tornar mapas incorporados responsivos

Como Tornar Mapas Incorporados Responsivos



Um mapa incorporado pode ser incluído em um site para exibir o endereço de uma empresa. Se este mapa estiver incorporado corretamente no site, será um ótimo complemento. No entanto, ao criar mapas incorporados, tenha em mente que eles devem ser responsivos. Além disso, deve ter uma boa aparência e ser adequado em todos os dispositivos e tamanhos de tela.

Este artigo demonstrará o processo de tornar mapas incorporados responsivos.

Como tornar os mapas incorporados responsivos?

Os usuários podem incorporar o mapa em HTML de forma responsiva usando algumas propriedades CSS. No entanto, é necessário primeiro obter o link incorporado. Para isso, primeiro, passo 1 e depois incorpore o mapa no HTML a seguir:





Etapa 1: Obtenha o link incorporado do mapa



Para obter o link dos mapas incorporados, primeiro navegue até “ Google Mapas ”:





Clique no ' Compartilhe ou incorpore mapa ”opção:



Agora, clique no botão “ Incorporar um mapa ”Para obter o link incorporado:

Depois disso, clique no botão “ COPIAR HTML ”código para copiar o código:

Etapa 2: incorporar o mapa em HTML

Para incorporar um mapa em HTML, primeiro crie uma estrutura HTML. No HTML, cole o link incorporado copiado dentro do seção dentro de um

e defina o nome da classe de uma div. Recomenda-se adicionar estilo dentro do