Fazendo seu mapa no GoogleMaps – [ícones]

by • March 29, 2013 • Geral, iniciantes, MapasComments (0)1232

+
-


Print Friendly

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 íconesPINS – 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

small red map dot 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

 

.
.

Share on Facebook
Pin It

Related Posts

Escreva um comentario

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Kyplex Cloud Security Seal - Click for Verification