Prezados leitores, Estou iniciando uma nova serie de tutoriais, com tres ou quatro partes explicando como gerar mapas em seus sites ou sistemas web utilizando a API do Google Maps, que e extremamente funcional. Os posts sao semanais. Nessa primeira parte, veremos como exibir um mapa de determinada localidade, esse mapa nao e navegavel, ou seja, e apenas uma imagem estatica. A exibicao de mapas dinamicos utilizando JavaScript sera vista na proxima parte. Vamos iniciar com um exemplo. A imagem abaixo ja esta com a url no formato do mapa estatico. Ela exibe o Distrito Federal do Brasil: Vejam como a url para exibir esse mapa e simples: http://maps.google.com/maps/api/staticmap?center=Brasilia,DF&zoom=14&size=256x256&sensor=false Ou seja, basta incluir essa url no atributo src da tag img, por exemplo: <img src="http://maps.google.com/maps/api/staticmap?center=Brasilia,DF&zoom=14&size=256x256&sensor=false" alt="Mapa do Distrito Federal, Brasil">Nessa url se baseia o uso de imagens estaticas, essa e a base: http://maps.google.com/maps/api/staticmap?$parametros$Sao diversos os parametros que podem ser informados. O parametro sensor e obrigatorio, ele indica se o dispositivo cliente possui um identificador de localidade, como um dispositivo GPS em um celular. Inicialmente definiremos sempre como false (a nao ser que voce deseje construir uma aplicacao que utiliza a localizacao GPS), mas falarei mais sobre esse parametro na parte 2 desse tutorial.O parametro center tambem e obrigatorio, caso nao haja nenhum marcador definido, como nessa url. E veja que legal, o Google geocodifica (geocodificar e o ato de transformar um endereco da forma como entendemos para numeros que informam as coordenadas do local) o endereco passado por parametro. Entao como diria o meu professor: "E chuchu com tody".Obs: Ao inves do endereco pode ser informado a latitude e longitude, separados por virgula. Como geralmente e mais util informar um endereco, usarei nesse tutorial apenas enderecos. Entao se quisessemos apontar o mapa para onde esta localizado o estadio Maracana no Rio de Janeiro, precisamos apenas alterar o parametro center da url: http://maps.google.com/maps/api/staticmap?center=Maracana,Rio+de+Janeiro,RJ,Brasil&zoom=15&size=256x256&sensor=falseReparem que os espacos sao substituidos pelo sinal +, isso e feito para codificar a URL, geralmente isso e feito automaticamente, e voce poderia informar os espacos. Mas nao custa nada inserir um + no lugar do espaco, isso pode evitar transtornos futuros.Tambem notem que alterei o parametro zoom, esse parametro indica o nivel do zoom da imagem, quanto maior, mais detalhe.Por fim, nesse primeiro exemplo, o parametro size indica o tamanho da imagem retornada em pixels. Na documentacao da API do Google Maps e informado o limite maximo de 640x640px. Esse parametro deve ser informado na seguinte ordem: horizontal x vertical. Ex: 500x400.Existe tambem o parametro format que indica o formato de retorno, pode ser PNG (padrao), JPG ou GIF.Um outro parametro interessante e o maptype. Esse parametro informa o tipo de mapa a ser retornado, o padrao e roadmap, que retorna um mapa desenhado com as estradas e indicacoes, como um Guia 4 rodas. Os outros tres tipos sao: satellite, hybrid e terrain.Veremos um exemplo:Alterando o atributo maptype para o tipo satellite, que retorna um mapa com a foto de satelite do mesmo local, o estadio Maracana no Rio de Janeiro:Essa foi a url utilizada: http://maps.google.com/maps/api/staticmap?center=Maracana,Rio+de+Janeiro,RJ,Brasil&zoom=15&size=256x256&sensor=false&maptype=satelliteNote que apenas alterei