Jump to content
juliosilvajr

API Google maps não funciona no Servidor PHP

Recommended Posts

Estou desenvolvendo uma aplicação que calcula a distancia entre dois endereços sendo um ja pré determinado usando a API V3 do Google Maps ,porém quando vou rodar a aplicação no servidor php, ela não funciona

Segue abaixo o codigo completo

PS: Sou novato nisso tudo 


 

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
  <link rel="stylesheet" href="https://v40.pingendo.com/assets/4.0.0/default/theme.css" type="text/css">
  <title>Lampada</title>
  <style type="text/css">
    .hidden {
      display: none;
    }
  </style>
  <script src="http://code.jquery.com/jquery-1.8.1.js" type="text/javascript"></script>
</head>

<body>
  <div class="py-5">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <h1 class="display-1">PSHE
            <br> </h1>
        </div>
      </div>
    </div>
  </div>
  <div class="py-5">
    <div class="container">
      <div class="row">
        <div class="col-md-9">
          <label for="txtDestino">
            <strong>Digite seu Endereço</strong>
          </label>
        </div>
      </div>
          <div class="row">
        <div class="col-md-9">
          <input type="text" id="txtDestino" class="field" style="width: 400px;"> </div>
        <br>
        <br>
        <div class="col-md-9">
          <select name="cidade" id="cidade" type="text">
            <option>Selecione...</option>
            <option value="Sorocaba">Sorocaba</option>
            <option value="Votorantim">Votorantim</option>
          </select>
        </div>
      </div>
     </form>
      <br>
      <br>
      <div class="row">
        <div class="col-md-12">
          <input type="button" value="Calcular distância" onclick="CalculaDistancia()" class="btnNew"> </div>
      </div>
      <br>
      <br>
      <div>
        <span id="litResultado"> </span>
      </div>
      <div>
             
    </div>          
    </div>
  </div>
  
  <div class="py-5 text-white bg-warning">
    <div class="container">
      <div class="row">
        <div class="col-md-12 mt-3 text-center">
          <p>Rua Armando Caldini
            <br>Sorocaba -SP
            <br>
            <br>(15) 99614-5279
            <br>© Grupo PSHE - Todos os Direitor reservados</p>
        </div>
      </div>
    </div>
  </div>
  <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
  <script type="text/javascript">
      function CalculaDistancia() {
                    $('#litResultado').html('Aguarde...');
                    //Instanciar o DistanceMatrixService
                    var service = new google.maps.DistanceMatrixService();
                    
                
                
                    //executar o DistanceMatrixService
                    service.getDistanceMatrix(
                      {
                          //Origem
                          origins: ["Rua Armando Caldini 161 Sorocaba"],
                          //Destino
                          destinations: [$("#txtDestino").val() + $("#cidade").val()],
                          //Modo (DRIVING | WALKING | BICYCLING)
                          travelMode: google.maps.TravelMode.DRIVING,
                          //Sistema de medida (METRIC | IMPERIAL)
                          unitSystem: google.maps.UnitSystem.METRIC
                          //Vai chamar o callback
                      }, callback);
                }
                //Tratar o retorno do DistanceMatrixService
                function callback(response, status) {
                    //Verificar o Status
                    if (status != google.maps.DistanceMatrixStatus.OK)
                        //Se o status não for "OK"
                        $('#litResultado').html(status);
                    else {
                        //Se o status for OK
                        //Endereço de destino = response.destinationAddresses
                        //Distância = response.rows[0].elements[0].distance.text

                        //Preco =  response.rows[0].elements[0].distance.value*0.0009).toFixed(2)
                        //Duração = response.rows[0].elements[0].duration.text
                        $('#litResultado').html(
                        
                        
                            "<strong>Destino:</strong> " + response.destinationAddresses +
                            "<br /><strong>Distância</strong>: " + response.rows[0].elements[0].distance.text +
                            "<br /><strong>Preço</strong>: " +"R$: "+(response.rows[0].elements[0].distance.value*0.0009).toFixed(2)+
                            " <br /><strong>Duração</strong>: " + response.rows[0].elements[0].duration.text
                    
                            );
                       
                       
                    }
                }
  </script>
 
</body>

</html>


 

Edited by Gabriel Heming
adicionar marcação de código

Share this post


Link to post
Share on other sites

Movido: PHP -> JavaScript

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Leandro Volanick
      Boa tarde pessoal.
       
      Gostaria de uma ajuda em uma consulta sql, onde quero agrupar os todos produtos comprados pelo mesmo CPF, dentro de uma array. 
       
      Segue o que estou usando:
      $data=mysqli_query($mysqli, "SELECT xml.id, xml.xProd as produto, prod.id as iddoproduto, GROUP_CONCAT( prod.xProd ) FROM produtos AS prod LEFT JOIN xml as xml ON xml.xProd = prod.xProd GROUP BY xml.CPFdest"); while($info=mysqli_fetch_array($data)) echo '['.$info['iddoproduto'].'],'; No momento, o codigo está trazendo apenas 1 produto, quero que ele printe todos produtos que o CPFdest já comprou.
       
       
    • By Vítor Gonçalves
      Boa Tarde, gostaria se alguém poderia me ajudar!
      tenho um sistema desktop que é validado a cada 6 meses, quando termina essa validade ele pedi para renovar!
      - desejo criar um script em PHP  com a seguinte função:
      -pegar a senha gerada no sistema e enviar para o servidor web( hostinger server-sql) via php
      - o servidor gera e mostra uma contra senha  para ser copiada de volta.
      - ao colar a contra senha no campo "nova licença" no meu programa, ele compara com a que tá no banco de dados na hostinger se bate a mesma e libera o uso.
       
      - já vi isso em outro sistema mas não tive acesso aos scripts para ver como funciona.
    • By Anonicah
      Olá preciso de ajuda com esse exercício. Montei até a parte de formulário + validação de javascrip no dreamweaver mas buguei com o resto. O que eu fiz:
       

      <html>
      <head>
      <title> Formulário CPF validado com Java Script </title>
          
          <script language="javascript" type="text/javascript">
      function validar() {
      var cpf = form1.cpf.value;
          
      if (cpf == "") {
      alert('Preencha o campo com seu cpf');
      form1.cpf.focus();
      return false;
      }
          
      }
      </script>
          
          
      </head>
      <body>
      <form name="form1" action="enviar.php" method="post">
      CPF:
      <input name="cpf" type="text"><br /><br />
      <input type="submit"  onclick="return validar()">
      </form>
      </body>
      </html>
       
       
      EXERCÍCIO
      Criar um formulário simples em html com um único campo CPF;
      Fazer uma validação em javascript antes de fazer o post;
      Consumir o WS https://bi.vidaclass.com.br/utils para consultar informações do CPF enviado pelo form;
      Do retorno obtido exibir na tela:
      Nome, email, telefone
      Se tem compra em saude: Sim | Não
      Quantas compras: (5) ex.
      Se tem farma: Sim | Não
      Se tem dependente: Sim | Não
      Qtd. de dependentes: (2) ex.

      Obtem o token para consumir os endpoints;
      https://bi.vidaclass.com.br/auth
      {
          "company_id": 1,
          "username": "webmaster@vidaclass.com.br",
          "password": "Teste20170705"
      }
      Endpoint para consultar o CPF
      https://bi.vidaclass.com.br/utils
      {
          "action": 4,
          "key": {
              "cpf": 25383193820
          }
      }
    • By Luciano Marques
      Então pessoal é o seguinte: Estou tendo problemas para impedir acesso simultâneo no meu projeto. Foi depois de muito pesquisar que vim aqui abrir esse tópico. 
      Enfim, eu até consegui colocar uma teoria em prática que era a de criar uma coluna na tabela `usuarios` com 1 para ativo, e 2 para  inativo. e depois coloquei no topo a condição IF para se 1 já preenchido não permite o login. até ai de boa. o problema vem se o usuário não desloga só fecha a janela. a coluna ainda permanece como ativa 1. mesmo expirando o login, não ocorre o update na base de dados. Se alguém puder me ajudar nessa, preciso concluir esse trabalho ainda essa semana. desde já agradeço 
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.