2008-02-27

Incluindo mapas do Google numa página

Os mapas do google podem ser incluidos numa página. O primeiro passo é pegar uma chave em http://code.google.com/apis/maps/signup.html, que vale para um diretório de um site e seus subdiretórios. Por exemplo, a chave para http://flaviobello.blogspot.com/ é:

ABQIAAAAw_p9eDbkwTneuB0--hXZcBS7fJfltfKGu7qGU5ECdwSrRGff1BQWDRxsX2R-gEP5DLDtVfsSpJ_Deg

Depois, deve-se incluir um mapa numa página. Há várias formas de fazer isso. Um mapa estático pode ser incluído de forma bastante simples:

  1. Imagem estática:

    <img width="400" height="300"
    src="http://maps.google.com/staticmap?
    center=-29.17,-51.52&
    zoom=14&
    size=300x200&
    key=ABQIAAAAw_p9eDbkwTneuB0--hXZcBS7fJfltfKGu7qGU5ECdwSrRGff1BQWDRxsX2R-gEP5DLDtVfsSpJ_Deg">

    Opções:

    • Tipo de mapa (padrão=roadmap)
      maptype=mobile


    • Marcadores (TamanhoCorAlfa={, mid, small, tiny}{black, brown, green, purple, yellow, blue, gray, orange, red, white}{, a..z})
      markers=-29.174656,-51.521947,greenp
      |-29.164749,-51.525981,bluee
      |-29.17,-51.526,yellow
      |-29.17,-51.524,midyellow
      |-29.17,-51.522,smallyellow
      |-29.17,-51.520,tinyyellow


    • Caminhos
      path=rgba:0x0000ff80,weight:5
      |-29.174656,-51.521947
      |-29.17,-51.526
      |-29.17,-51.520
      |-29.164749,-51.525981


    • Localização
      hl=cn





  2. Iframe embutido:

    <iframe width="400" height="300"
    src="http://maps.google.com/?
    ll=-29.17,-51.52&
    z=14&
    t=h&
    output=embed&
    ie=UTF8&
    s=AARTsJqzARj-Z8VnW5pkPMLMmZbqrJcYpw"></iframe>









Nenhum comentário: