Linha do tempo de Como colocar um card fixo e responsivo em cima do mapa? [fechada]
Licença atual: CC BY-SA 4.0
13 eventos
quando alternar formato | o que | por | licença | comentário | |
---|---|---|---|---|---|
17/03/2021 às 22:31 | voto | aceitação | LeoHenrique | ||
17/03/2021 às 21:23 | resposta | adicionado | Danizavtz | linha do tempo pontuação: -2 | |
17/03/2021 às 21:05 | comentário | adicionado | Largato♦ | Eu acredito que vai acabar complicando um pouco fazer fora. O que vc pode fazer então é isso: <div #meumapa position relative margin 0 padding 0><div #map></div><div #leohenrique position absolute bottom:tanto left:tanto></div> - assim ela vai ficar relativa ao #meumapa, e o #map do google vc poe em 100% de largura e altura. Essa div externa seria pro google nao interferir no seu CSS, mas pra fazer que as 2 coisas se alinhem | |
17/03/2021 às 20:49 | comentário | adicionado | LeoHenrique | e para este caso em especifico eu preciso colocar um componente alem do meu texto ali, é um item estatico tambem, mas quando eu tentei renderizar, o componente nao apareceu... entao outro ponto q decidi usar fora.... | |
17/03/2021 às 20:47 | comentário | adicionado | LeoHenrique | Pq tipo, em qualquer um dos cenarios, seja fazendo dentro do mapa, ou da forma que eu publiquei aqui, eu preciso colocar um margin para que nao fique colado na parte inferior... | |
17/03/2021 às 20:45 | comentário | adicionado | LeoHenrique | @Bacco eu estava fazendo desta forma, se nao me engano peguei deste mesmo link que me mandou... Mas aconteceu o mesmo, ao mudar a resolução do device, a div subia... | |
17/03/2021 às 20:34 | análise | Votos para reabrir | |||
22/03/2021 às 0:39 | |||||
17/03/2021 às 20:25 | comentário | adicionado | Largato♦ | O post está fechado, mas os comments funcionam, então pro caso específico dá pra ajudar por aqui. Aqui tem um exemplo bem legal de uma DIV criada dentro do mapa: developers.google.com/maps/documentation/javascript/examples/… - note que é uma div mesmo. No seu caso, basta não por a parte do clique, se quer apenas um elemento informativo. | |
17/03/2021 às 20:24 | comentário | adicionado | Largato♦ | Não resolveu ainda, mas já melhorou (mais detalhes nos links), de qualquer forma já posso adiantar que o problema maior é que sua div não faz parte do mapa. Quando quer por algo no mapa do google maps, é bom você criar o material dinamicamente, usando a API do próprio mapa. Não lembro o nome do método, mas se vc der um createElement com a div, pode inserir como elemento nativo depois. Recomendo uma estudada nessa parte da API, vai facilitar muito sua vida. O MapBoxGL também é uma alternativa interessante (além de menos poluído, dependendo do uso) e tem um free tier bem generoso. | |
17/03/2021 às 20:11 | histórico | editada | LeoHenrique | CC BY-SA 4.0 |
adicionou 507 caracteres ao conteúdo; título editado
|
17/03/2021 às 20:04 | histórico | fechada | Largato♦ | Não é adequada para este site | |
17/03/2021 às 20:04 | comentário | adicionado | Largato♦ | Importante você editar sua pergunta e reduzir o problema a um Exemplo Mínimo, Completo e Verificável (inclusive, que não dependa de links externos - estes podem servir só como complemento), junto com a tentativa de solução. Para aproveitar melhor o site, entender e evitar fechamentos e negativações vale a pena ler O que é o Stack Overflow e o Guia de sobrevivência (resumido) do Stack Overflow em Português. Ao editar o post conforme orientado, a pergunta vai para uma fila de revisão da comunidade automaticamente. | |
17/03/2021 às 19:47 | histórico | perguntada | LeoHenrique | CC BY-SA 4.0 |