0

Estou com uma dúvida referente ao meu projeto. Tenho um botão em uma página "x" que ao clicar ele verifica a geolocalização no Google maps (preenche os inputs com as coordenadas). Até aí tudo bem, Preciso fazer essa função também em uma página "y" com o mesmo esquema: botão; ao clicar pego o value de dois campos inputs e então marca no mapa. Só que o mapa está na pagina "x" e o botão na página "y" e o script no mapa no "script.js".

Não estou conseguindo pensar alguma maneira em fazer isso, pois não tenho um conhecimento muito grande. Vi que as possibilidades em um AJAX da vida dariam certo, mas não tenho muito conhecimento.

Para ajudar, segue imagens: index.php equipamentos.php

Queria a ajuda de vocês quanto a essa dúvida, se há como fazer e um exemplo de como fazer isso.

Resumidamente, seria: executar botão na página y -> a função é lida de uma function no arquivo script. js onde está o mapa e as funções -> então executa essa função na página x e marca no google maps api a localização.

5
  • Essa página está a onde. Explique mais sobre onde as páginas estão. 6/04/2018 às 17:47
  • Assim, tem a index.php onde está carregado o mapa (vindo do . js) os inputs e o botão de localizar. Quando preenche os inputs e aperta "localizar" o google maps posiciona um marcador na api de acordo com os valores do input. Até ai, ok, só que preciso fazer isso na pagina equipamentos.php onde eu referencio o mesmo arquivo . js com o mesmo botão e mesmo referenciando, ele não recebe os valores da function, muito menos marca na index.php a localização.
    – brnTwp
    6/04/2018 às 18:00
  • Coloquei imagens para melhorar o entendimento.
    – brnTwp
    6/04/2018 às 18:01
  • Bem. cambiar informações entre páginas é um tanto que complicado. Mas é possível. Só ainda não me vi fazendo isso. Uma solução mediana para esse problema seria renderizar esse crud em um modal e não em um poup-up. Com o modal você estará no mesmo documento podendo cambiar qualquer ação ou variável com javascript. 6/04/2018 às 18:05
  • Entendi, o problema é que só deixei popup porque o mapa contém marcadores com js de window.open baseado nas informações no banco de dados.. Teria de ser mesmo em popup e tentar achar uma maneira de duas páginas trocarem informações
    – brnTwp
    6/04/2018 às 18:12

1 Resposta 1

1

Você pode usar o LocalStorage para salvar as coordenadas e na próxima página obtê-las. LocalStorage é um espaço para armazenamento no navegador do usuário.

Ex:

// Salva na página anterior
localStorage.setItem("latitude", "-450.56464984");
localStorage.setItem("longitude", "-38.89748914");

// Recupera na próxima página
document.getElementById("campo-latitude").innerHTML = localStorage.getItem("latitude");
document.getElementById("campo-longitude").innerHTML = localStorage.getItem("longitude");
18
  • Seria uma boa mesmo, mas não tem importância na ordem de abertura das páginas? Pois o equipamento.php abre depois do index.php? E no caso no valor da coordenada, vem de uma query do banco, no caso por exemplo: $row['latitude'], no caso: localStorage.setItem("latitude", "latMap") -> (que é o ID do input hidden que guarda as coordenadas do banco)
    – brnTwp
    6/04/2018 às 18:19
  • Acredito que o dominio todo tenha acesso a mesmo localStorage. 6/04/2018 às 18:23
  • E como consigo mandar isso para o campo input lá da index.php com o click do botão na página equipamentos.php? Desculpe a pergunta meio obvia, mas não sou muito bom com javascript mesmo.
    – brnTwp
    6/04/2018 às 18:29
  • Assim, na solução que eu dei, você salva ela no browser do usuário e fim, você pode recuperar esse valor em qualquer página. E você não passaria o ID pro localStorage.setItem(), você salva o valor do campo numa variável, e depois coloca essa variável no setItem(), assim: var coordenada = document.getElementById("latMap").val(); localStorage.getItem('latitude', coordenada); 6/04/2018 às 18:30
  • Não sei se fiz algo errado mas, aparece no console que a function mandaCoordenada() is not defined. Segue as linhas que fiz: Na index.php coloquei :document.getElementById('latMap').innerHTML = localStorage.getItem('latitude', latitude); document.getElementById('lngMap').innerHTML = localStorage.getItem('longitude', longitude);
    – brnTwp
    6/04/2018 às 18:48

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .