Skip to content

Instantly share code, notes, and snippets.

@evandrododo
Last active September 21, 2017 19:46
Show Gist options
  • Save evandrododo/9b8a17a3d2b077312e017aa3b9eb84bf to your computer and use it in GitHub Desktop.
Save evandrododo/9b8a17a3d2b077312e017aa3b9eb84bf to your computer and use it in GitHub Desktop.
Tiles para mapas web

O quê, onde, como?

  • Um tile é uma imagem PNG de 256x256 pixels que representa uma parte de um mapa.
  • A forma mais comum de organizar os tile é o padrão zoom/x/y.png
  • Cada nível de zoom é uma pasta (diretório)
  • Cada x é outra pasta
  • E y é o nome do arquivo
  • Exemplo: http://tile.openstreetmap.org/7/63/42.png

Projeção X e Y

Seguindo a projeção de Mercator:

  • X vai de 0 (margem esquerda em 180 °O) até 2^zoom − 1 (margem direita em 180 °L)
  • Y vai de 0 (margem superior em 85.0511 °N) até 2^zoom − 1 (margem inferior em 85.0511 °S)

Como fazer tiles

Existem vários modos de gerar os tiles, dependendo dos formatos que estão as informações do mapa (vetorizadas, ortofotos, SRS da foto, etc).

A maneira mais intuitiva atualmente é gerar por um software geoespacial que já referencia visualmente os dados, permitindo visualizar como ficará o mapa.

O programa QGis é um ótimo programa para lidar com esses dados, de graça e livre.

Nele é possível inserir dados em formato .shp, .tiff e vários outros formatos com referência geográfica.

QGis + QTiles

O QTiles é um plugin do QGis que gera os tiles da maneira como vemos no software, e dá pra instalar ele diretamente do Qgis, mais detalhes de como fazer isso nesse passo a passo.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment