Google Maps sem o uso de JavaScript
Postado por: Pedro Rogério emGoogle Maps é uma ferramenta do Google que revolcucionou a Internet. Graças a geolocalização foram possíveis o desenvolvimento de aplicações como Panoramio. Mas se você achava que era impossível fazer o uso de Mapas do Google com imagens estáticas, estava muito errado.
Para fazer o uso de imagens desse tipo, você deve utilizar uma chave, que você obterá ao cadastrar seu site no Google Maps API. Uma vez com essa chave, podemos obter a imagem estática.
<img src="http://maps.google.com/staticmap?center=47.238336,8.827171&zoom=12&markers=40.416741,-3.70325,red&size=512×512&key=MAPS_API_KEY“>
Analisando a URL, veremos os parâmetros que intervêem e as quais podemos personalizar nosso mapa:
- center: //Centro da imagen (ej: 0.0000,0.0000)
- zoom: //Zoom que se aplica a imagen, de 0 a 19 (0 para longe, 19 para perto)
- size: //Tamanho da imagem em pixels (máximo 512×512)
- maptype: //Tipo de mapa (roadmap => Mapa para páginas web, mobile => Mapa para baixas resoluções)
- markers: //Marcadores dentro do mapa. (ex: markers=40.702147,-74.015794,blues|40.711614,-74.012318,green)
Referências
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
boa sacada, isso pode ajudar muito em questões de javascript acessível… até mais
para deixar mais claro:
isso seria uma forma de obter funcionalidade nos browsers com o javascript desativado…
Meu Deus, cada vez mais inutil esse tipo de dica. E ainda se intitula desenvolvedor, vai escrever coisa util meu filho, apenas colocar uma url em uma pagina não requer um tutorial de como fazer.