Jump to content

Search the Community

Showing results for tags 'geolocalização'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 13 results

  1. mpcarvalho

    Geolocalização HTML

    Pessoal, seguinte. Eu sei somente o basicão de JS, peguei um script para obter a localização do usuário que acessar a minha página, estou testando algumas funções inicialmente para realizar outras aplicações futuras, dado que nunca utilizei essa função antes. Dúvida 1 = Quero melhorar a precisão dos dados que irei receber do usuário, para isso já pesquisei e encontrei a seguinte função: {enableHighAccuracy:true, maximumAge:30000, timeout:27000} Onde posso utiliza-la no meu código abaixo? <script> window.onload = getLocation; function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else { location.href="https://google.com"; } } function showPosition(position) { var latitude = position.coords.latitude; var longitude = position.coords.longitude; var accuracy = position.coords.accuracy; $.ajax({ method: "post", url: "page.php", data: {'latitude': latitude, 'longitude': longitude, 'accuracy': accuracy}, success: function(data){ location.href="https://google.com"; } }); } </script> Dúvida 2 = Quando o usuário rejeitar o fornecimento de sua localização, como posso redireciona-lo par ama URL mesmo assim, sendo que na forma acima não funcionou.
  2. Olá pessoal, estou pensando em usar a geolocalização, surgindo um pop-up, caso o usuário permita o site saber sua localização e algumas condicionais, por exemplo caso o internauta esteja perto da loja física. Por exemplo: Se o usuário permitiu a localização e estiver pelo menos a 5km da loja física, echo na mensagem x. Eu achei alguns códigos que me deram um caminho, mas não foi o suficiente para construir a idea já que não tenho conhecimento vasto em javascript, segue abaixo os códigos que encontrei. No meu caso não gostaria que mostrasse o mapa, apenas calculasse a rota para saber qual a distância do usuário até a loja física e enviássemos um pop-up falando quantos km ou metros ele esta da loja, e um link para ele ser levado para rota no google maps. <!DOCTYPE html> <html> <body> <script type="text/javascript"> window.onload=function(){ getLocation(); }; </script> <div id="mapholder"></div> <script src="http://maps.google.com/maps/api/js?sensor=false"></script> <script> var x=document.getElementById("demo"); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition,showError); } else{x.innerHTML="Geolocalização não é suportada nesse browser.";} } function showPosition(position) { lat=position.coords.latitude; lon=position.coords.longitude; latlon=new google.maps.LatLng(lat, lon) mapholder=document.getElementById('mapholder') mapholder.style.height='250px'; mapholder.style.width='500px'; var myOptions={ center:latlon,zoom:14, mapTypeId:google.maps.MapTypeId.ROADMAP, mapTypeControl:false, navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL} }; var map=new google.maps.Map(document.getElementById("mapholder"),myOptions); var marker=new google.maps.Marker({position:latlon,map:map,title:"Você está Aqui!"}); } function showError(error) { switch(error.code) { case error.PERMISSION_DENIED: x.innerHTML="Usuário rejeitou a solicitação de Geolocalização." break; case error.POSITION_UNAVAILABLE: x.innerHTML="Localização indisponível." break; case error.TIMEOUT: x.innerHTML="O tempo da requisição expirou." break; case error.UNKNOWN_ERROR: x.innerHTML="Algum erro desconhecido aconteceu." break; } } </script> </body> </html>
  3. Estou fazendo iniciando um app com Ionic 3, e utilizando a API do google para geolocalização. Segui tutoriais e mesmo assim deu esse erro quando abro a página que deveria aparecer o mapa " Runtime Error Uncaught (in promise): TypeError: Cannot read property 'firstChild' of null " Já procurei em alguns lugares e não encontro solução, nenhuma funciona. To precisando de ajuda com esses mapinhas. HTML da página inicial... <ion-header> <ion-navbar> <ion-title> Teste </ion-title> </ion-navbar> </ion-header> <ion-content padding> <ion-list> <ion-item> Latitude: {{lat}} </ion-item> <ion-item> Longitude: {{lon}} </ion-item> </ion-list> <button (click)="openMap()">Mapa</button> </ion-content> .ts da página inicial: import { Component } from '@angular/core'; import { NavController } from 'ionic-angular'; import { Geolocation } from '@ionic-native/geolocation'; import { MapPage } from '../map/map'; @Component({ selector: 'page-home', templateUrl: 'home.html' }) export class HomePage { lat:any=0.0; lon:any=0.0; constructor(public navCtrl: NavController, public geolocation: Geolocation) { //[ .. outra parte do código .. ] this.geolocation.getCurrentPosition().then((resp) => { // resp.coords.latitude // resp.coords.longitude this.lat = resp.coords.latitude; this.lon = resp.coords.longitude; }).catch((error) => { console.log('Error getting location', error); }); let watch = this.geolocation.watchPosition(); watch.subscribe((data) => { // data can be a set of coordinates, or an error (if an error occurred). // data.coords.latitude // data.coords.longitude }); } openMap(){ this.navCtrl.push(MapPage); } } //[ .. outra parte do código .. ] //} HTML da página do mapa: <ion-header> <ion-navbar> <ion-title>map</ion-title> </ion-navbar> </ion-header> <ion-content padding> <div id="mapa" > </div> </ion-content> .ts da página do mapa: import { Component } from '@angular/core'; import { IonicPage, NavController, NavParams, Platform } from 'ionic-angular'; import '../map/map'; import { Geolocation } from '@ionic-native/geolocation'; declare var google: any; /** * Generated class for the MapPage page. * * See https://ionicframework.com/docs/components/#navigation for more info on * Ionic pages and navigation. */ @IonicPage() @Component({ selector: 'page-map', templateUrl: 'map.html', }) export class MapPage { private initPage(){ let LatLng = new google.maps.LatLng(-22.913293, -43.688930); let mapOptions = { center: LatLng, zoom: 15, mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: true } let elemento = document.getElementById('mapa'); let mapa = new google.maps.Map(elemento, mapOptions); } //ionViewDidLoad() { // console.log('ionViewDidLoad MapPage'); //} constructor(public navCtrl: NavController, public navParams: NavParams, platform: Platform) { platform.ready().then(() =>{ this.initPage(); }, (err) => { console.log(err); }); } } E na index.html (só uma parte): <!--para o api do google maps .................................................................. --> <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com; script-src 'self' https://*.googleapis.com 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline';"> <title>Ionic App</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico"> <link rel="manifest" href="manifest.json"> <meta name="theme-color" content="#4e8ef7"> <!-- google maps .............................................................................. --> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?&sensor=false"></script> Talvez seja informação demais, mas, acho melhor que tenha mais do que menos.
  4. tony_lu

    Geolocalização

    Ola pessoal tudo bem? Queria uma informação, como eu consigo pegar a latitude e longitude de um usuário para eu colocar em um mapa do google??
  5. 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?
  6. daviassumpcao

    Geolocalização com PHP

    Olá pessoal... estou trabalhando em um projeto onde tenho itens em meu banco de dados que eu gostaria de sugerir para os usuários do meu site assim que eles acessarem. Essa sugestão seria feita com base na localização deste usuário, exemplo: se ele estivessem Belo Horizonte, apareceriam ofertas para ele nessa cidade... como é feito nesse site: https://www.educamaisbrasil.com.br/ Como é meu primeiro projeto nesse sentido, estou sem saber o que fazer.... o PHP faz isso? Tipo, obter o IP do usuário e fazer uma busca no BD para itens em sua localidade.... ou se alguem puder me ajudar, com qual tecnologia se faz isso... é JS... Ajax... Sei lá. Perdoe-me se postei essa questão em local errado. Abraços
  7. matheusmarson

    Dados geográficos

    Galera, boa tarde Alguém sabe qual a app que se usa para inserir os "lugares", "estabelecimentos", etc... nos maps do goggle que será inserido em um site? Igual a este aqui: http://preview.ait-themes.club/theme/directory2/ Como é que este dados são inseridos? Endereço? Coordenadas de geolocalização? Alguém teria uma idéia? Obrigado
  8. Boa noite a todos! Tenho um trabalho de TCC no qual tenho que desenvolver uma forma de rastreamento de fretados totalmente via web. Exemplo, um fretado que sai diariamente de Origem :Santos a Destino: São Paulo, preciso mostrar a localização do mesmo a cada 3 minutos em um mapa, todas as coordenadas serão extraídas do celular do condutor da van, minhas duvidas são as seguintes. 1 - Como faço para pegar as coordenadas(longitude e latitude) dessa van(celular do condutor) e enviar automaticamente de tempo em tempo(a cada 3 minutos) para uma tabela no banco de dados ? 2 - Como recuperar automaticamente (a cada 4 minutos) essas informações(longitude e latitude) salvas na tabela do banco de dados e apresentar no mapa ao usuário para que o mesmo possa verificar onde se encontra a van ? Obs:Esse sistema seria semelhante ao Uber, Easy Taxi , 99 taxis Algo desse genero, digo na questão dos usuario poder verificar em tempo real a localização dos veiculos. Desde de já agradeço a atenção de todos e peço desculpas caso eu tenha postado no local errado , pois é a primeira vez que faço um post no forum.
  9. Bom dia pessoal, Após muita pesquisa encontrei um recurso de geolocalização utilizando Nominatim (geolocalização reversa), para obter cidade, estado e pais usando as coordenadas de latitude e longitude (sendo estas detectadas automaticamente conforme sua posição) Preciso que, a geolocalização que o browser detecte automaticamente ao entrar na pagina (isso esta ok!) seja salva no banco de dados, sem precisar ter um formulário (isso é o que preciso! ) como fiz no exemplo (estou enviando ao banco via ajax) A pergunta é: Como enviar ao banco de dados a cidade, estado e pais, sem precisar ter um fomulário pra isso? código do index.php <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script> <title>Geolocation</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <style> html, body { height: 100%; margin: 0; padding: 0; } #map { height: 100%; } </style> </head> <body> <form id="localizacao" > <input id="cidade" value=""> <input id="estado" value=""> <input id="pais" value=""> <button type="submit" class="btn btn-default ">Salvar</button> </form> <script type='text/javascript'> var lati = ''; var long = ''; var cidade = ''; var estado = ''; var pais = ''; var dadosajax = ''; navigator.geolocation.getCurrentPosition(function (posicao) { var url = "http://nominatim.openstreetmap.org/reverse?lat=" + posicao.coords.latitude + "&lon=" + posicao.coords.longitude + "&format=json&json_callback=preencherDados"; var script = document.createElement('script'); script.src = url; document.body.appendChild(script); lati = posicao.coords.latitude; long = posicao.coords.longitude; }); function preencherDados(dados) { cidade = dados.address.city; estado = dados.address.state; pais = dados.address.country; alert('cordenadas:' + lati + ',' + long + ' Lugar:' + cidade + ',' + estado + ',' + pais); document.getElementById('cidade').value = cidade; document.getElementById('estado').value = estado; document.getElementById('pais').value = pais; dadosajax = {'cidade':cidade, 'estado':estado, 'pais':pais}; $("#localizacao").submit(function (e) { e.preventDefault(); alert(dadosajax); $.ajax({ type: "POST", url: "teste6.php", data: dadosajax }); }); } ; </script> </body> </html> arquivo teste6.php <?php require_once './php/conn_db.php'; $cidade = $_POST['cidade']; $estado = $_POST['estado']; $pais = $_POST['pais']; echo var_dump($cidade); $sql = "INSERT INTO arq011 (codigo,cidade, estado, pais) VALUES (null, :cidade, :estado, :pais)"; $stmt = Conexao::getInstance()->prepare($sql); $stmt->bindParam(':cidade', $cidade, PDO::PARAM_STR); $stmt->bindParam(':estado', $estado, PDO::PARAM_STR); $stmt->bindParam(':pais', $pais, PDO::PARAM_STR); $executa = $stmt->execute(); ?> Espero ter sido claro! Obrigado desde já.
  10. Olá, Tenho o seguinte script de geolocalização , com ele obtenho a posição de latitude e longitude do usuário em movimento e posteriormente envio as informações para tratamento no servidor. Quando estava analisando o script pelo console do firefox, observei que o envio dos em ajax acontecem de forma frenética, sem um intervalo de tempo mesmo especificando o parâmetro timeout na função watchPosition. Gostaria de saber, como limitar tempo do envio dos dados em um intervalo de 15 em 15 minutos como, por exemplo. Abs. <html> <body> <script src="[url=http://zeptojs.com/zepto.js]http://zeptojs.com/zepto.js"></script>[/url] function localizarUsuario(){ if (window.navigator && window.navigator.geolocation) { var geolocation = window.navigator.geolocation; geolocation.watchPosition(sucesso, erro, {timeout:150000}); } else { alert('Geolocalização não suportada em seu navegador.') } function sucesso(posicao){ console.log(posicao); var latitude = posicao.coords.latitude; var longitude = posicao.coords.longitude; console.log('Sua latitude estimada é: ' + latitude + ' e longitude: ' + longitude ); $.ajax({ type: "POST", url: "adm-validation/index.php", data: {latitude, longitude}, success: function(data) { console.log(data); } }); } function erro(error){ console.log(error) } }; </body> </html> <?php echo $_POST['latitude']; echo $_POST['longitude']; ?>
  11. liotti

    Geolocalização com PHP

    Galera, estou desenvolvendo uma aplicação para um amigo e ele da manutenção na iluminação publica da minha cidade. Cada poste de luz precisa ser cadastrado como um PI (Ponto de Iluminação) e preciso pegar a latitude e longitude deste poste. Eu precisaria rodar a aplicação no navegador de um Tablet com GPS e conectado à internet, eu parando embaixo do poste e clicando em um botão eu conseguiria capturar a altitude/latitude dele? Faz um tempo que to pesquisando e ta difícil, se alguém tiver uma luz, ficarei muito grato.
  12. twpesquisa

    Geolocalização

    Bom Dia Amigos, tudo bem ? Estou desenvolvendo um site, e um cliente me pediu para criar um mecanismo onde ao acessarem o site dele, o mesmo consiga pegar a Latitude e Longitude e com base nessas duas informações, obter a cidade, estado, endereço e bairro, semelhante a este link: http://maps.google.com/maps/api/geocode/json?address=-30.0354438,-51.2265477&sensor=false Obtendo estes dados, salvaria estas informações no banco e teria um "controle" de quem acessou. Como eu poderia fazer isso, usando PHP ?
  13. Caros, bom dia. Estou tentando pegar os valores de longitude e latitude e mostrar na tela, sem exibir o mapa do GoogleMaps. Segue o código para conhecimento: <meta name="viewport" content="width=620" /> <title>geolocation</title> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <article> <p>Finding your location: <span id="status">checking...</span></p> </article> <script> function success(position) { var s = document.querySelector('#status'); if (s.className == 'success') { // not sure why we're hitting this twice in FF, I think it's to do with a cached result coming back return; } s.innerHTML = "found you!"; s.className = 'success'; var mapcanvas = document.createElement('div'); mapcanvas.id = 'mapcanvas'; mapcanvas.style.height = '400px'; mapcanvas.style.width = '560px'; document.querySelector('article').appendChild(mapcanvas); var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); var myOptions = { zoom: 15, center: latlng, mapTypeControl: false, navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL}, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("mapcanvas"), myOptions); var marker = new google.maps.Marker({ position: latlng, map: map, title:"You are here! (at least within a "+position.coords.accuracy+" meter radius)" }); } function error(msg) { var s = document.querySelector('#status'); s.innerHTML = typeof msg == 'string' ? msg : "failed"; s.className = 'fail'; // console.log(arguments); } if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(success, error); } else { error('not supported'); } </script> Obrigado!
×

Important Information

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