Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Thais Hoe

Geolocalização - Loja mais próxima do cliente

Recommended Posts

Bom dia!

Trabalho muito pouco com o JavaScript e preciso fazer um script que:

Pega a localização do cliente >> Faz o calculo da distância entre a localização e cada loja >> Faz o calculo de qual loja está mais próxima (em KM) >> Se a distancia da loja mais próxima for inferior a 30km = Mostra aviso com o endereço da loja mais próxima (se possível um botão pra ir pra pagina de informações, ou um popup que consiga colocar endereço,telefone,etc)  >> Se a distancia da loja mais próxima for superior a 30km = exibe aviso de que não tem lojas próximas a localização atual dele.

 

Fiz com "alert" os avisos, mas se eu conseguisse fazer tudo isso com um popup seria legal. Por hora coloquei duas lojas apenas, mas posteriormente vou ter que colocar mais de 10, então se houver um jeito de fazer esse código ser mais "limpo" quando isso acontecer (criando uma lista ou algo do gênero) também agradeço.

 

Tenho um código mais ou menos pronto, mas como não domino a linguagem acredito que contém alguns erros:

// Lojas
var Americana = {
	posicao : {
		latitude1 : -22.742685,
		longitude1 : -47.341661	
}
}

var BeloHorizonte = {
	posicao : {
		latitude2 : -19.935678,
		longitude2 : -43.970808	
}
}

var Parametro = {
	distanciaMaxima : 30,

	// Funcao que ira verificar se o cliente esta por perto
	mostraLoja : function( posicao ){
		var distancia = MenorDistancia;
		// Verifica se o cliente nao esta muito longe
		if( distancia <= this.distanciaMaxima ){
			if ( confirm( 'A loja mais próxima está à ' + distancia + ' KM ' ) ){
				alert( 'Ver mais dados da loja' );
			}
		} else {
			alert( 'Ops, você está muito longe, não temos uma loja próxima' );
		}
	}
};

// Objeto localizacao
var Localizacao = {

	// Inicia
	inicia : function(){
		
		// Quando o browser retorna a posicao do usuario
		var sucesso = function( posicao ){
			Parametro.mostraLoja( posicao.coords );
		};

		// Erro no processo de obter a posicao
		var erro = function( erro ){
			var erroDescricao = 'Ops, ';
			switch( erro.code ) {
				case erro.PERMISSION_DENIED:
						erroDescricao += 'usuário não autorizou a Geolocation.';
				break;
				case erro.POSITION_UNAVAILABLE:
						erroDescricao += 'localização indisponível.';
				break;
				case erro.TIMEOUT:
						erroDescricao += 'tempo expirado.';
				break;
				case erro.UNKNOWN_ERROR:
						erroDescricao += 'não sei o que foi, mas deu erro!';
				break;
			}
			alert( erroDescricao )
		};

		// Verifica se o browser do usuario tem suporte a geolocation
		if ( navigator.geolocation ){
			navigator.geolocation.getCurrentPosition( sucesso, erro );
		} else {
			erro();
		}
	}
};

// Objeto para calcular a distancia entre dois pontos
// Adaptado dessa formula http://stackoverflow.com/questions/27928/how-do-i-calculate-distance-between-two-latitude-longitude-points
var Distancia1 = {
	distanciaEntreDoisPontos1 : function( pontoInicial, pontoFinal ){
		var R = 6371; // Radio da Terra
		var dLat = this.graus2Radianos( pontoFinal.latitude - pontoInicial.latitude1 ); 
		var dLon = this.graus2Radianos( pontoFinal.longitude - pontoInicial.longitude1 ); 
		var a = Math.sin( dLat/2 ) * Math.sin( dLat/2 ) + Math.cos( this.graus2Radianos( pontoInicial.latitude1 ) ) * Math.cos( this.graus2Radianos( pontoFinal.latitude ) ) * Math.sin( dLon/2 ) * Math.sin( dLon/2 ); 
		var c = 2 * Math.atan2( Math.sqrt( a ), Math.sqrt( 1-a ) ); 
		var d = R * c; 
		return d;
	},
	graus2Radianos : function( graus ){
		return graus * ( Math.PI/180 )
	}
};

// Objeto para calcular a distancia entre dois pontos
// Adaptado dessa formula http://stackoverflow.com/questions/27928/how-do-i-calculate-distance-between-two-latitude-longitude-points
var Distancia2 = {
	distanciaEntreDoisPontos2 : function( pontoInicial, pontoFinal ){
		var R = 6371; // Radio da Terra
		var dLat = this.graus2Radianos( pontoFinal.latitude - pontoInicial.latitude2 ); 
		var dLon = this.graus2Radianos( pontoFinal.longitude - pontoInicial.longitude2 ); 
		var a = Math.sin( dLat/2 ) * Math.sin( dLat/2 ) + Math.cos( this.graus2Radianos( pontoInicial.latitude2 ) ) * Math.cos( this.graus2Radianos( pontoFinal.latitude ) ) * Math.sin( dLon/2 ) * Math.sin( dLon/2 ); 
		var c = 2 * Math.atan2( Math.sqrt( a ), Math.sqrt( 1-a ) ); 
		var d = R * c; 
		return d;
	},
	graus2Radianos : function( graus ){
		return graus * ( Math.PI/180 )
	}
};

var MenorDistancia = Math.min (Distancia1.distanciaEntreDoisPontos1, Distancia2.distanciaEntreDoisPontos2);


$( document ).ready( function(){
Localizacao.inicia();
} );

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por 4Unknow
      Bom dia comunidade Imasters.

      Venho aqui tratar de um problema dúvida que estou tendo com um layout que estou tentando usar o formulário php dele.
      Quando clico em enviar ele me enviar para um arquivo .php  (assets/vendor/simple-forms/sendmail.php)

      Ele não envia o e-mail, acredito que deveria aparecer uma mensagem que o contato foi enviado corretamente.
      Vou deixar os arquivos aqui em anexo quem puder me ajudar nessa, ficaria muito grato.
       
      Link Website (wetransfer.com)
    • Por Hacker_Buiu
      Tem que completar o perfil para curtir e ser curtido sem dar erro?
    • Por Hacker_Buiu
      Porque não ganho reputação com o meu bom trabalho?
    • Por Flaviaac
      Boa tarde pessoal,
      gostaria de pedir uma ajuda para criar um evento em um formulário HTML.
       

      Eu tenho um formulário em HTML e PHP,  e nele tem um campo do tipo select e um campo do tipo text(desabilitado).
      Gostaria que ao clicar no campo select e escolher qualquer opção da lista, automaticamente em seguida aparecesse dentro do campo text um valor respectivo a opção escolhida anteriormente.
       
      Exemplo:
      Tenho um campo select com tipos diferentes de materiais (vidro, papel, alumínio, etc.) e no campo text(desabilitado) terei a quantidade de anos que cada material demora a se decompor na natureza. O campo text inicialmente estará vazio, mas quando selecionar o material, aparecerá dentro deste text a quantidade de anos.
       
      obs.: Os valores do campo select e do campo text estão ambos na mesma tabela do banco de dados(MySQL), o campo select com valores string e o campo text com valores inteiros.
       
      Não sei se consegui explicar direito, mas acredito que terei que utilizar javascript para este evento, mas ainda não sei como.
      Alguém tem ideia de como eu poderia fazer isso ou alguma dica?
       
       
      Muito obrigada!!

       
    • Por iJeanClaud
      Olá, pessoal.
      Bom, eu sou programador e já trabalhei muito em sistemas PHP, Java, etc. 
      Recentemente um amigo meu veio conversar comigo a respeito de uma vaga que surgiu na empresa na qual ele faz parte do RH, trata-se de automação de testes
      por incrível que pareça, nunca havia ouvido falar sobre isso e nem sequer entendi a lógica e essa é minha maior dúvida.

      Pelo que entendi, pesquisando na internet e assistindo vídeos, é um teste mais aprofundado em softwares, independente da plataforma, tais como: verificar todos os possíveis erros em uma tela de login, de cadastro, etc. O problema nisso tudo é que eu não consigo entender qual a lógica disso, e como assim "automação de testes" sendo que no trabalho em si você já está testando uma coisa? Porque precisa de alguém pra trabalhar em cima de uma automação disso? Espero que entendam minha dúvida e agradeço a quem tentar, pelo menos um pouco, me ajudar com isso.

      Obrigado!
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.