Se você precisa mostrar mapas estáticos em seu site, veja como implementar este shortcode sem precisar de qualquer plugin externo.
Lembrando que este é um mapa estático, uma imagem com um marcador. No arquivo functions.php de seu tema, adicione o seguinte:

function dianakc_place_google_maps($atts){
extract( shortcode_atts( array(
        'geocode' => '',
        'cor' => 'FE6256',
        'icone' => '',
        'largura' => '400',
        'altura' => '200'
        ), $atts ) );
return '<img src="http://maps.google.com/maps/api/staticmap?size='.$largura.'x'.$altura.'&amp;zoom=16&amp;markers=icon:http://chart.apis.google.com/chart?chst=d_map_pin_icon%26chld='.$icone.'%257C'.$cor.'%7C'.$geocode.'&amp;sensor=false" title="" alt="" />';
}
add_shortcode('mapa','dianakc_place_google_maps');

Em postagens ou páginas, adicione o seguinte para mostrar um mapa:

Este é o parque do bairro onde nasci.
[mapa geocode="-23.575468,-46.62981" cor="FFBA2C" icone="glyphish_pinetree" largura="600" altura="200"]
[mapa geocode=”-23.575468,-46.62981″ cor=”FFBA2C” icone=”glyphish_pinetree” largura=”600″ altura=”200″]

Onde morei por três anos:
[mapa geocode="35.452735,137.048478" cor="C5EC50" icone="glyphish_house" largura="600" altura="200"]
[mapa geocode=”35.452735,137.048478″ cor=”C5EC50″ icone=”glyphish_house” largura=”600″ altura=”200″]

Os parâmetros deste shortcode são:

  • geocode: a latitude/longitude do endereço, para descobrir isso, só usar a ferramenta de geocode do Google, informe o endereço e depois copie as coordenadas do balão. Poderia usar endereços mas com o geocode você pode mover o marcador livremente e não vai ter risco de mostrar ruas com mesmo nome em Portugal, pode mostrar lugares sem ruas etc
  • cor: a cor do marcador em hexadecimal sem a #. Se não informar, será usada a cor padrão (vermelho).
  • icone: uma URL de um ícone, mas recomendo usar o nome de algum ícone da API do Google mesmo, nesta lista pode usar tanto osícones glyphish quanto os coloridos. Se não informar um ícone, o ícone dentro do marcador será o padrão (ponto).
  • largura: a largura em px da imagem.
  • altura: a altura em px da imagem.

Gosto muito de mapas estáticos porque não pesam na página, se seu site precisa usar muitos mapas recomendo usar estáticos.
Neste shortcode poderá adicionar opções para outros itens por exemplo, o título da imagem, também é possível criar um shortcode que aceite muitos marcadores mas a coisa começa a bagunçar: cada marcador pode ter seu ícone e cor e eles obviamente precisam do geocode ou endereço, para saber mais dê uma olhada na API do Google sobre mapas estáticos.
Também tem como mostrar imagens do Google StreetView, logo mais vejo um shortcode para isso 🙂

ERRATA!
Gente tinha esquecido de mudar o nome da variável! Em shortcodes, os parâmetros são variáveis por padrão, então devem ter o mesmo nome! A variável $geocode é também o parâmetro geocode. Desculpem a confusão!

Sem estresse!

Precisa de ajuda com seu WordPress?

Entre em contato

2 comentários sobre "Shortcode para mapa estático Google Maps"

  1. Carlos Moreira
    Uau Diana, muito simples de aplicar! Obrigado por partilhares.
    • Diana

      Obrigada Carlos!

Comments are closed.