Inserir mapa responsivo do Google Maps no WordPress

Para inserir um mapa do Google Maps, deixando-o responsivo, iremos utilizar o plugin Theme Blvd Responsive Google Maps. Baixe aqui

– Instale e ative o plugin
– Basta inserir a shortcode “[tb_google_map]”, com as seguintes propriedades:
address: (obrigatório) O endereço para ser exibido no mapa (ex: Rua Nome da Rua, 123, São Paulo).
maptype: (opcional) Tipo do mapa – hybrid, satellite, roadmap, ou terrain.
zoom: (opcional) Zoom do mapa – use um número de 1 a 19, onde 19 mostra o mapa com maior proximidade.
html: (opcional) Mostra o texto que você escrever no balão que indica o endereço, ao invés do próprio endereço.
popup: (opcional) Mostra ou não o alão, true ou false.
width: (opcional) Largura do mapa. O padrão é 100% (ex: 50% ou 500px).
height: (opcional) Altura do mapa. O padrão é 100% (ex: 50% ou 500px).

 

Abaixo um exemplo da shortcode configurada com um endereço fictício:

[tb_google_map address=”Rua Nome da Rua, 123, São Paulo” maptype=”roadmap” zoom=”17″ html=”Estamos Aqui” popup=”true” width=”90%”]

Somente o campo “address” é obrigatório, utilize ou não as outras propriedades como desejar.

Deixe sua Pergunta ou Comentário:

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Por favor, digite os caracteres desta imagem na caixa de entrada

Por favor digite o código da imagem

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>