Fazendo seu mapa no GoogleMaps – [ícones]
Como personalizar seu Google Maps
O Google tem ferramentas ótimas para fazer mapas personalizados.
Posteriormente, pode-se inserir o mapa no site.
O que se pode aprender no artigo de hoje é personalizar os ícones que marcam o lugar do mapa.
A dificuldade nem sempre é criar o mapa, mas saber o que significa cada ícone. Vejam os dois exemplos abaixo e observem como os pequenos ícones podem ajudar:
OPÇÃO 1 – TRADICIONAL |
OPÇÃO 2 – NUMERADA |
OPÇÃO 3 – COM ESCRITA |
1) Nos ícones padrão da primeira figura, há apenas a indicação por cor ou tipo de desenho. A legenda fica mais difícil de visualizar.
2) a segunda imagem já mostra uma ordenação. Pode-se fazer facilmente um índice pelo próprio Google, bastando que siga a ordem dos pontos. Pode-se, ainda, utilizar cores para diferenciar bairros ou tipos de indicadores (restaurantes, locais turísticos, etc…)
3) a última versão é auto-explicativa, não precisa mais de legenda. Não é recomendado se o mapa for muito grande ou houver muitos pontos a serem indicados.
===================================
VAMOS AO PASSO A PASSO:
1 – primeiro, ter basta ter uma conta no Google, para depois poder criar mapas personalizados. Seleciona “Criar Mapa”. Vá acrescentando os marcadores de lugar. Ainda, pode-se pesquisar no próprio Google Maps e, após, no resultado apontado, selecionar “Guardar em…“).
Todo mundo conhece o famoso ponto azul:
Mas a própria página do Google deixa alterar os ícones pré-definidos:
2 – O que muita gente não sabe ainda é que podemos personalizar esses ícones AINDA MAIS… sem precisar de Photoshop ou editor de imagens.
A forma mais fácil é acessar o link http://atomurl.net/dynamicicon/
Existem 3 boas opções que podem ser configuradas instantaneamente por esse link acima.
———————————————-
Primeiro, BUBBLE (balão) – que é um balão. Ele pode ser em formato diálogo ou não.
E o Bubble pode ter texto e imagem, ou só texto, ou só imagem. Você escolhe a cor do balão, o texto, até o ícone. Depois, é só copiar o endereço dele.
(1) Bubble regular com small text | 2) Bubble Small Text with Icon | 3) Small Text com edição de Frame – Borda: Edge Frame, Tail at Left Edge | 4) Small Text com edição de Frame: Edge Frame, Tail at Botton Edge, centered)
———————————————-
Segundo, o mais tradicional, com ícones – PINS – que é o desenho de balãozinho.
(icones utilizados acima: glyphish_fork-and-knife | glyphish_star | glyphish_lightbulb)
Pode-se personalizar o desenho que está dentro, sem perder o famoso formato. Com isso, é possível fazer infinitas cores.
E o pin pode ter um texto sobreposto. O ideal é ter texto pequeno, abrevie o nome do local se necessário.
(Pin with Single Character | pin 9: Pin Scalable , tamanho .55, fonte 20 pixels. ).
———————————————-
Terceiro, é o texto, chamado OUTLINE FONT. Ele pode vir acompanhado de um ícone.
(Outline Font Text + Icon. Ícone utilizado glyphish_shopping-cart | glyphish_fork-and-knife)
A desvantagem desse tipo de utilização é que o ícone não aponta exatamente o local.
Pode-se acrescentar um ponto adicional
http://storage.googleapis.com/support-kms-prod/SNP_2752125_en_v0
ou um pequeno ícone PIN
http://maps.google.com/mapfiles/kml/pal4/icon57.png
http://maps.google.com/mapfiles/kml/pal4/icon24.png
http://maps.gstatic.com/mapfiles/ridefinder-images/mm_20_purple.png
http://maps.gstatic.com/mapfiles/ridefinder-images/mm_20_yellow.png
http://maps.gstatic.com/mapfiles/ridefinder-images/mm_20_blue.png
http://maps.gstatic.com/mapfiles/ridefinder-images/mm_20_green.png
http://maps.gstatic.com/mapfiles/ridefinder-images/mm_20_red.png
http://maps.gstatic.com/mapfiles/ridefinder-images/mm_20_black.png
http://maps.gstatic.com/mapfiles/ridefinder-images/mm_20_orange.png
http://maps.gstatic.com/mapfiles/ridefinder-images/mm_20_gray.png
http://maps.gstatic.com/mapfiles/ridefinder-images/mm_20_brown.png
——————————————————–
O OUTLINE FONT ser usado só texto
———————————————-
USANDO O ÍCONE CRIADO
Agora copie o endereço que aparece na caixa. Edite o seu mapa no Google. No ícone tradicional, seleciona “Adicionar um ícone”. Cole o endereço copiado.
Depois, basta publicar o mapa em Blogs, Sites, etc… O botão para ter o código do mapa encontra-se ao lado da impressora.
========================================
TAMANHOS DOS ÍCONES:
12, 16, 24
OUTROS ÍCONES DO GOOGLE:
https://sites.google.com/site/gmapsdevelopment
.
.