Escrevi este manual básico sobre utilização do componente GMaps para Joomla!. É um passo-a-passo para instalação de configuração do componente, acredito que irá auxiliar aos usuários iniciantes.

1º Passo

Faça o download e instale o componente no Joomla!.

Conseguir as coordenadas Latitude e Longitude você pode utilizar o site
http://www.earthtools.org/

clique em "Find to Place"
na caixa "Search for:" digite a localidade e clique em "Go"
será exibida uma lista com o resultado da pesquisa localize o que interessa a você e clique em "Recenter" logo em seguida clique em "Zoom" depois disso você pode usar o zoom do proprio mapa.
Agora cliquem "Add to My Places"
Depois no menu um pouco acima clique em My Places e arraste o "balãozinho" ou ponteiro para o local desesajo, repare que as coordenadas exibida do lado esquerdo muda conforme você muda o ponteiro, estás coordenadas que você utilizará no GMaps.
Feito isto você já terá o necessário para inserir no GMaps copie e vamos até ele.
Estás coordenadas são de um local qualquer na região rural de Londrina-PR que vou utilizar para este exemplo.
23° 18' 43" S 51° 11' 1" W

2º Passo
Este é o painel de controle do Gmaps acessado pelo menu Componentes/GMaps no Joomla


O primeiro passo é clicar em “GMaps Configuration”

O importante aqui é você conseguir um “Google API Key” para isto você deverá ter uma conta no Google ai basta clicar no link “ Click here to obtain a Google API key”
Copiar o código gerado e colar neste local, o restante você pode configurar da forma que desejar, depois basta clicar em “Salvar” e está finalizado este processo.

3º Passo
Agora no “GMaps Control Panel” clique em “Manage Markers”
Clique em “Novo”

Em “Name” insira um nome para seu marcador Ex. Farmácia Central
Em Latitude e Longitude insira os dados que você pegou no 1º - 23° 18' 43" S 51° 11' 1" W
o 1º grupo é o “S” que referência a Latitude o 2º grupo é o “W” que referência a Longitude
ali na caixa de inserção você vai Dispô-los da seguinte forma:
Latitude: -23.1843
Longitude: -51.1101

Repare que retirei os pontos, espaços e sinais de grau assim como o “S” e “W” e inclui um sinal de “-“ isto é necessário para que seja exibido corretamente seu mapa.

Em descrição você pode por exemplo inserir o endereço do local.

Em “icon” você pode selecionar um tipo de marcador para o seu local expecificado.
Em “image URL” ainda não testei e não sei dizer seu efeito, se alguém souber por favor corrija aqui.

Agora você pode clicar em “Salvar”

4º Passo
Clique em “Back to Gmaps Painel Control”
Agora clique em “Manage Maps” para finalizarmos está configuração.
Clique em “Novo”

Em General coloque um título(Title) para seu Mapa e uma descrição(Description).
Agora clique em “Apply” note que do lado esquerdo agora será exibido a opção de selecionar um “Map Markers” selecione o que você criou no passo 3 e clique em “Add Marker” será exibido o marcador e seus detalhes.
Na aba “Properties” você pode definir o tamanho (Height e Widht) que será exibido o mapa em seu site, defina um que se adapte melhor ao seu layout, também poderá definir o nível de zoom do site em “Zoom level” se será exibido (Map Type) como um mapa normal (ruas) satélite (relevo) ou hybrid (mistura de ruas e relevo) e definir se o usuário poderá alternar entre os tipos de mapa (Show map type).
Na aba “Markers” você poderá definir opções relacionadas ao seu marcador (o balãozinho, ponteiro) é interessante deixar “Auto-Open Marker:” com o nome de seu marcador selecionado.
Clique em “Salvar” e veja o resultado em seu site.

Outro detalhe é que dá pra você traduzir alguns textos no Front-End que aparecem em inglês, para isto você deverá abrir os arquivos viewmap.html e viewmaps.html na pasta /components/com_gmaps/templates/ aqui você pode alterar textos como Description, View Maps e Map, apenas tome cuidado para não eliminar alguma variável importante. Só remova os textos.

Este é apenas um exemplo simples para dar uma iniciação, e é tudo que eu mesmo sei sobre o Gmaps mas como passei dias pesquisando para conseguir fazer e não encontrei nenhum local que explicasse detalhadamente resolvi compartilhar o que consegui fazer sozinho, espero ter ajudado e quem puder melhorar este pequeno tutorial por favor faça seria muito interessante até para mim.

| Mais...