Shortcode para mapa estático Google Maps

Arquivos: functions.php

Funções: add_shortcode

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.'&zoom=16&markers=icon:http://chart.apis.google.com/chart?chst=d_map_pin_icon%26chld='.$icone.'%257C'.$cor.'%7C'.$geocode.'&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!

Shortcode para mapa estático Google Maps é um artigo sobre google, Google Maps, shortcodes google, Google Maps, shortcodes Códigos http://dianakcury.com/wp/codigos/shortcode-para-mapa-estatico-google-maps#commentsDiana K. Cury http://dianakcury.com/wordpress/wp-content/themes/di3554/img/card.png

2 ideias sobre “Shortcode para mapa estático Google Maps

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *