3
respostas

efeito google earth

Estou tentando criar um efeito igual o zoom do google earth. Quando vc clica no icone (+) para ampliar ele vai dando zoom e se a proximando do mapa e vai aparecendo os paises,estados, cidade... mas sem ideia de onde começar não encontrei um exemplo e nem mesmo sei por qual efeito pesquisar. alguma dica de como criar tal efeito? Obrigado

3 respostas

Dá uma olhada nesse efeito https://www.w3schools.com/howto/howto_css_zoom_hover.asp

Você pode adaptar ele para ao invés de passar o mouse ser quando clicar em algum botão.

André, obrigado! Esse zoom e só um maximazador de uma imagem. O que eu estou buscando e mais um efeito imersivo. Ex.: a primeira imagem e um fora de um Globo de Natal. Então vc vai clicando no globo, abre um cidade de Natal. Vai clicando e se aproximando da fábrica dopapai noel, a casa, vila dos efeitos. E vc pode navegar nela só arrastando. Qlq coisa eu vou tentando me explicar melhor .

Entendi sua ideia, o google maps usa o elemento canvas para fazer os mapas e é muito tenso e dificil programar do zero o que ele faz.

Eu achei esse site aqui https://openlayers.org/ é uma API poderosa e opensource para criação de mapas, pode usar tanto mapas reais como mapas de fantasia que você pode importar.

Mas sabe onde eu já vi algo parecido também de mapa e natal e mundo de fantasia, num site que minha irmã jogava quando criança chamado neopets . Dá uma olhada por lá, se não for flash (porque aquele site é antigo) dá pra clicar em inspecionar no browser e ver como os caras fizeram.