Mapas de Portugal SVG

Vários mapas de Portugal em formato SVG, optimizados para velocidade e funcionalidade.

DEMOS online

👉 Página demo PortugalSVG @ Github.io
👉 EcoCampus - Jardim Botânico da UTAD

Correr a página de DEMO localmente

Fazer download e upar para um webserver próprio (se não tiver npm instalado) ou fazer clone do git.

 $  git clone https://github.com/AfonsoFG/PortugalSVG.git
 $  cd PortugalSVG

Instalar as dependências (só o webserver)

 $ npm install

Correr o webserver

 $ npm start

Abrir no browser o endereço fornecido pelo o web server

Vantagens

Mapas optimizados para velocidade ao nível do tamanho do ficheiro mas mantendo a fidelidade e detalhe nas demarcações de regiões e fronteiras.
Foram adicionados identificadores e classes aos caminhos do SVG que permitem mais fácil identificação e interação com as regiões de cada mapa.

Mapas

Nova Flora de Portugal - 36kb de tamanho, 25 paths
Áreas Naturais Protegidas - 13 kb de tamanho, 26 paths
Portugal Continental - 5kb, 1 path
Regiões NUTS 2 - 12kb de tamanho, 5 paths
Regiões NUTS 3 - 19kb de tamanho,
Distritos - 24kb de tamanho, 18 paths
Concelhos - 72 kb de tamanho, 275 paths em 18 grupos
Arquipelagos - 4kb de tamanho, 2 paths
Arquipelagos (Ilhas) - 4kb de tamanho, 12 paths em 2 grupos

(Tamanhos sem compressão)

Notas e Considerações

A todos os paths de zonas foi atribuido uma classe genérica chamada "z" (nome curto para poupança de espaço) bem como uma classe chamada "z" com um sufixo que é o id da zona.
A todos os paths foi acrescentado um atributo chamado "data-z" que tem como valor o id da zona.
O mapa das Áreas Protegidas de Portugal tem um path especial com a class "zEsp" que serve unicamente para marcar a fronteira do país
Em mapas com maior número de paths criaram-se grupos. Exemplo: o mapa de Concelhos tem os seus paths agrupados em grupos que correspondem aos Distritos e a cada um destes grupos foi atribuído um id.
São fornecidos também ficheiros .json e .sql quer para identificação de cada mapa quer para identificação de cada zona.

Ficheiros

Mapas SVG
Listagem de zonas em JSON e SQL

Motivação

Este conjunto de SVGs surgiram com a necessidade incorporar no website do Jardim Botânico da UTAD um mapa de Portugal, dividido de acordo com as regiões establecidas na Nova Flora de Portugal (Franco, 1971, 1984; Franco e Afonso, 1994, 1998, 2003) mas num formato que permitisse acrescentar ainda mais funcionalidades ao website e não no formato anterior que eram jpegs de baixa qualidade.

O diminuto número de visitantes ao site que utilizavam o Internet Explorer 8 permitiu que se escolhesse a opção de utilização de SVGs. Do IE8 em diante e em todas as versões de todos os outros browsers o suporte a SVG era total, ver Can I Use (SVGs). O enorme tamanho (190KB em média) dos mapas SVG existentes no Wikimedia Commons forçou a que criássemos os nossos próprios mapas.

Inicialmente foi criado o mapa de Portugal com as regiões da Nova Flora de Portugal e posteriormente criados 7 mapas adicionais que completam o conjunto que agora é partilhado com todos de forma livre e gratuita.

✌️ Como estava e como ficou o site ✌️

Em cada uma das 3000+ páginas de espécie...

Antes: 1 http request extra, 1 imagem +/- 90kb (e pixelizada...), 0 funcionalidades extra

Depois: 0 http requests extra, 0 imagens, 3 novas funcionalidades... possibilidade de ver diferentes mapas, ver nome das regiões ao fazer hover, fácil actualização de zonas marcadas no backoffice.

Licença

Utilização livre, gratuita, não comercial, e com atribuição. Creative Commons BY-NC-SA 4.0

Créditos

Inspiração nos mapas SVG da Wikimedia Commons

jrocharodrigues/PortugalSVG