Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
https://sandiego.eater.com/maps/best-barbecue-restaurants-san-diego
Esse site tem uma funcionalidade que conforme vai mudando a postagem pela barra de rolagem, o mapa também altera a localização. Alguém pode me ajudar a fazer algo igual?
Esse negócio funciona assim:
Você tem uma identificação no elemento de rolagem que é relacionado ao ponto a ser exibido no mapa.
E também um evento que dispara ao rolar e captar o elemento em destaque.
Esse evento altera o ponto em destaque no mapa e centraliza no iframe do mapa.
A identificação do elemento é o atributo data-slug da section, o valor de data-slug é linkado com o valor de algum atributo do elemento do marcador do mapa, mas eu não consegui identificar, mas com isso acho que você já consegue iniciar.
Só pra complementar:
Acredito que esse é o arquivo que faz essa interação: https://cdn0.vox-cdn.com/presto/map_stack.1297bd68e8af7af81f6d.js
PS: Se quiser começar e por no github e compartilhar aqui eu dou uma ajudada pq achei interessante esse negócio.
PS 2: Provavelmente esse evento é um plugin js ja pronto adaptado, mas aparentemente não deve ser muito complicado de ser feito.