Ir para o conteúdo
FabioM

Fazer de uma imagem um mapa com links

Mensagens Recomendadas

FabioM

Boa noite

Estou a construir um website em que o conceito é ter a imagem de Lisboa (estilo mapa) e esta sirva de navegação para o site estando os links espalhados.

Até agora já fiz os links e coloquei a imagem como fundo mas agora como a coloco de forma a que o utilizador possa navegar por esta imagem tal e qual como se faz no Google Maps?

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
KTachyon

É mais simples utilizares uma framework para trabalhares com mapas em que colocas a imagem como layer do mapa e limitas as coordenadas para onde o utilizador pode navegar. E colocas os links como outra layer de markers.

Tens várias plataformas que te permitem fazer isto. OpenLayers, Mapbox, Leaflet,...


“There are two ways of constructing a software design: One way is to make it so simple that there are obviously no deficiencies, and the other way is to make it so complicated that there are no obvious deficiencies. The first method is far more difficult.”

-- Tony Hoare

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
FabioM

KTachyon obg pela resposta.

Já tive a ver esses que falas mas não consigo instalar o mapbox por necessitar de WIndows 7 e o Leaflet dá-me problemas na instalação do Node. Vou ver o Open Layers a ver se à 3ª é de vez.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
KTachyon

Não precisas de instalar nada. É Javascript. Executa directamente no browser:

Mapbox JS: https://www.mapbox.com/mapbox.js/example/v1.0.0/

Mapbox GL JS: https://www.mapbox.com/mapbox-gl-js/examples/

Leaflet: http://leafletjs.com/examples/quick-start.html

OpenLayers: http://openlayers.org/en/v3.2.1/examples/


“There are two ways of constructing a software design: One way is to make it so simple that there are obviously no deficiencies, and the other way is to make it so complicated that there are no obvious deficiencies. The first method is far more difficult.”

-- Tony Hoare

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.