Ir para conteúdo
Fórum Script Brasil
  • 0

localização estimada

MTavares

Perguntado por MTavares,

 Share

Pergunta

9 respostass a esta questão

Posts Recomendados

  • 0
lucke

lucke

Postado
Postado

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>

Link para o comentário
Compartilhar em outros sites
  • 0
filipiarruda

filipiarruda

Postado
Postado
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?

Link para o comentário
Compartilhar em outros sites
  • 0
filipiarruda

filipiarruda

Postado
Postado
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.

Link para o comentário
Compartilhar em outros sites
  • 0
lucke

lucke

Postado
Postado
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!!

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,1k
×
×
  • Criar Novo...