localização estimada

MTavares · December 27, 2012

Colegas.

Tem como pelo PHP retornar o local estimado do acesso do usuário? no Facebook, ele me retornou da seguinte forma:

Localização estimada:

Rio De Janeiro, RJ, BR

Abraços

lucke · December 27, 2012

Tente usar a API do GeoIp.

Aqui está um exemplo que retorna todos os dados de sua localização:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Localização do usuário via Geo IP</title>

</head>
<body>
<div id="doc">
  <div id="map"></div>
  <div  id="info"></div>
</div>
<script type="text/javascript" src="http://j.maxmind.com/app/geoip.js"></script>
<script>
(function(){

  var info = document.getElementById('info');
  var lat = geoip_latitude();
  var lon = geoip_longitude();
  var city = geoip_city();
  var out = '<h3>Informaçoes de usa localização:</h3>'+
            '<ul>'+
            '<li>Latitude: ' + lat + '</li>'+
            '<li>Longitude: ' + lon + '</li>'+
            '<li>Cidade: ' + city + '</li>'+
            '<li>Cód. Região: ' + geoip_region() + '</li>'+
            '<li>Região: ' + geoip_region_name() + '</li>'+
            '<li>Código do País: ' + geoip_country_code() + '</li>'+
            '<li>Nome do País: ' + geoip_country_name() + '</li>'+
            '</ul>';
  info.innerHTML = out;
  var url = 'http://maps.google.com/maps/api/staticmap?center='+
            lat+','+lon+'&sensor=false&size=300x300&maptype=roadmap&key='+
            'ABQIAAAAijZqBZcz-rowoXZC1tt9iRT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQQBCa'+
            'F1R_k1GBJV5uDLhAKaTePyQ&markers=color:blue|label:I|'+lat+
            ','+lon+'6&visible='+lat+','+lon+'|'+(+lat+1)+','+(+lon+1);
  var map = document.getElementById('map');
  map.innerHTML = '<img src="'+url+'" alt="'+city+'">';

})();
</script>
</body>
</html>

MTavares · December 28, 2012

Olá Lucke...

muito obrigado por essa excelente solução... muito bom mesmo....

abraços e feliz ano novo para você e familiares....

lucke · December 29, 2012

Olá Lucke...
muito obrigado por essa excelente solução... muito bom mesmo....
abraços e feliz ano novo para você e familiares....

Olá MTavares!

Denada...Qualquer coisa estamos ai, beleza?

Flws!

filipiarruda · December 29, 2012

Tente usar a API do GeoIp.

Aqui está um exemplo que retorna todos os dados de sua localização:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Localização do usuário via Geo IP</title>

</head>
<body>
<div id="doc">
  <div id="map"></div>
  <div  id="info"></div>
</div>
&lt;script type="text/javascript" src="http://j.maxmind.com/app/geoip.js"></script>
&lt;script>
(function(){

  var info = document.getElementById('info');
  var lat = geoip_latitude();
  var lon = geoip_longitude();
  var city = geoip_city();
  var out = '<h3>Informaçoes de usa localização:</h3>'+
            '<ul>'+
            '<li>Latitude: ' + lat + '</li>'+
            '<li>Longitude: ' + lon + '</li>'+
            '<li>Cidade: ' + city + '</li>'+
            '<li>Cód. Região: ' + geoip_region() + '</li>'+
            '<li>Região: ' + geoip_region_name() + '</li>'+
            '<li>Código do País: ' + geoip_country_code() + '</li>'+
            '<li>Nome do País: ' + geoip_country_name() + '</li>'+
            '</ul>';
  info.innerHTML = out;
  var url = 'http://maps.google.com/maps/api/staticmap?center='+
            lat+','+lon+'&sensor=false&size=300x300&maptype=roadmap&key='+
            'ABQIAAAAijZqBZcz-rowoXZC1tt9iRT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQQBCa'+
            'F1R_k1GBJV5uDLhAKaTePyQ&markers=color:blue|label:I|'+lat+
            ','+lon+'6&visible='+lat+','+lon+'|'+(+lat+1)+','+(+lon+1);
  var map = document.getElementById('map');
  map.innerHTML = '<img src="'+url+'" alt="'+city+'">';

})();
</script>
</body>
</html>

Amigo, eu posso personalizar e adaptar para que as informações sejam apenas as que eu necessito mostrar, e também utilizar estilo css?

filipiarruda · December 29, 2012

Tente usar a API do GeoIp.

Aqui está um exemplo que retorna todos os dados de sua localização:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Localização do usuário via Geo IP</title>

</head>
<body>
<div id="doc">
  <div id="map"></div>
  <div  id="info"></div>
</div>
&lt;script type="text/javascript" src="http://j.maxmind.com/app/geoip.js"></script>
&lt;script>
(function(){

  var info = document.getElementById('info');
  var lat = geoip_latitude();
  var lon = geoip_longitude();
  var city = geoip_city();
  var out = '<h3>Informaçoes de usa localização:</h3>'+
            '<ul>'+
            '<li>Latitude: ' + lat + '</li>'+
            '<li>Longitude: ' + lon + '</li>'+
            '<li>Cidade: ' + city + '</li>'+
            '<li>Cód. Região: ' + geoip_region() + '</li>'+
            '<li>Região: ' + geoip_region_name() + '</li>'+
            '<li>Código do País: ' + geoip_country_code() + '</li>'+
            '<li>Nome do País: ' + geoip_country_name() + '</li>'+
            '</ul>';
  info.innerHTML = out;
  var url = 'http://maps.google.com/maps/api/staticmap?center='+
            lat+','+lon+'&sensor=false&size=300x300&maptype=roadmap&key='+
            'ABQIAAAAijZqBZcz-rowoXZC1tt9iRT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQQBCa'+
            'F1R_k1GBJV5uDLhAKaTePyQ&markers=color:blue|label:I|'+lat+
            ','+lon+'6&visible='+lat+','+lon+'|'+(+lat+1)+','+(+lon+1);
  var map = document.getElementById('map');
  map.innerHTML = '<img src="'+url+'" alt="'+city+'">';

})();
</script>
</body>
</html>

Parabéns, post bem interessante e útil, este código com algumas pequenas adaptações pode nos ajudar a armazenar dados, e descobrir qual o maior público-alvo de um site, agradeço a sua contribuição com a comunidade Script Brasil.

lucke · December 30, 2012

Tente usar a API do GeoIp.

Aqui está um exemplo que retorna todos os dados de sua localização:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Localização do usuário via Geo IP</title>

</head>
<body>
<div id="doc">
  <div id="map"></div>
  <div  id="info"></div>
</div>
&lt;script type="text/javascript" src="http://j.maxmind.com/app/geoip.js"></script>
&lt;script>
(function(){

  var info = document.getElementById('info');
  var lat = geoip_latitude();
  var lon = geoip_longitude();
  var city = geoip_city();
  var out = '<h3>Informaçoes de usa localização:</h3>'+
            '<ul>'+
            '<li>Latitude: ' + lat + '</li>'+
            '<li>Longitude: ' + lon + '</li>'+
            '<li>Cidade: ' + city + '</li>'+
            '<li>Cód. Região: ' + geoip_region() + '</li>'+
            '<li>Região: ' + geoip_region_name() + '</li>'+
            '<li>Código do País: ' + geoip_country_code() + '</li>'+
            '<li>Nome do País: ' + geoip_country_name() + '</li>'+
            '</ul>';
  info.innerHTML = out;
  var url = 'http://maps.google.com/maps/api/staticmap?center='+
            lat+','+lon+'&sensor=false&size=300x300&maptype=roadmap&key='+
            'ABQIAAAAijZqBZcz-rowoXZC1tt9iRT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQQBCa'+
            'F1R_k1GBJV5uDLhAKaTePyQ&markers=color:blue|label:I|'+lat+
            ','+lon+'6&visible='+lat+','+lon+'|'+(+lat+1)+','+(+lon+1);
  var map = document.getElementById('map');
  map.innerHTML = '<img src="'+url+'" alt="'+city+'">';

})();
</script>
</body>
</html>

Amigo, eu posso personalizar e adaptar para que as informações sejam apenas as que eu necessito mostrar, e também utilizar estilo css?

Parabéns, post bem interessante e útil, este código com algumas pequenas adaptações pode nos ajudar a armazenar dados, e descobrir qual o maior público-alvo de um site, agradeço a sua contribuição com a comunidade Script Brasil.

Olá novamente filipi! Eu que agradeço pelo elogio, e sempre que eu puder, estarei colaborando com todos do Sb. Com relação a sua dúvida, sim, você pode adaptar um código Css, vou te dar um exemplo aqui: (insira abaixo de </title> e antes de </head>

<style type="text/css" media="screen">
    body,html{
    background:#000000;
    color:#ccc;
    padding:50px;
    margin:0;
    }

    #doc{
    width:700px;
    margin:0 auto;
    background:#f8f8f8;
    color:#333;
    border:1em solid #f8f8f8;
    font-family:georgia,serif;
    } 

    h1,h2,h3{
    color:#369;
    }

    li{
    list-style-type:none;
    }

    #info{
    height:400px;
    }

    #map{
    margin:0 auto;
    min-height:200px;
    width:300px;
    position:relative;
    float:left;   
    padding:25px;
    }
  </style>

Caso queira adaptar para as infos que você necessita mostrar, só ir retirando as linhas correspondentes as infos.

+ dúvidas ou erro, poste ai.

Flws!!

filipiarruda · December 30, 2012

Luke, como eu passo os dados das variáveis Jquery para variáveis em PHP?

lucke · December 31, 2012

Olá, vi seu tópico e já estou desenvolvendo a solução.

Edited December 31, 2012 by lucke

filipiarruda · December 31, 2012

Obrigado, aguardo a solução no meu tópico então, obrigado pela disposição em ajudar

Sign In

localização estimada

Question

MTavares

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

lucke

Link to comment

Share on other sites

MTavares

Link to comment

Share on other sites

lucke

Link to comment

Share on other sites

filipiarruda

Link to comment

Share on other sites

filipiarruda

Link to comment

Share on other sites

lucke

Link to comment

Share on other sites

filipiarruda

Link to comment

Share on other sites

lucke

Link to comment

Share on other sites

filipiarruda

Link to comment

Share on other sites

Join the conversation

Forum Statistics

Browse

Activity