JQuery: Geolocalização via IP – MaxMind

10 de outubro de 2012 admin

Olá pessoal! Entrando com mais um post.

Nesse post falaremos de geolocalização via IP, utilizando API da MaxMind.

detalhe: precisa estar registrado para utilizar esse recurso

Um exemplo bem simples de como utilizar a API:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery - Geolocalização</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="http://j.maxmind.com/app/geoip.js" charset="ISO-8859-1" type="text/javascript" ></script>
<script type="text/javascript">
$(document).ready(function() {
  var $sigla	= geoip_country_code();
  var $pais	= geoip_country_name();
  var $cod_uf	= geoip_region();
  var $cidade	= geoip_city();
  var $estado 	= geoip_region_name();
 
  $("#sigla").append($sigla);
  $("#pais").append($pais);
  $("#estado").append($estado);
  $("#cod_estado").append($cod_uf);
  $("#cidade").append($cidade);
});
</script>
<style type="text/css">
  body{ font-family:Arial; }
  div{ width:140px; }
  label{ background-color:#0085c3; display:block; color:#FFFFFF }
</style>
</head>
<body>
<div> 
  <p><label>Sigla do País:</label> <span id="sigla"></span></p>
  <p><label>País:</label> <span id="pais"></span></p>
  <p><label>Estado:</label> <span id="estado"></span></p>
  <p><label>Código do Estado:</label> <span id="cod_estado"></span></p>
  <p><label>Cidade:</label> <span id="cidade"></span></p>
</div>
 
<p>This website uses <a href="http://www.maxmind.com/app/javascript">GeoIP Javascript from MaxMind</a>.</p>
</body>
</html>

Veja o funcionamento, clicando aqui.

Um comentário sobre “JQuery: Geolocalização via IP – MaxMind”

Valter Ferreira Martins

10 de outubro de 2012 em 15:02
Link permanente

Olá amigos,
esse site está se superando em post´s interessantes.
Esse por exemplo veio me ajudar em um problema que tinha que resolver, valeu por compartilhar.
Resposta

Você pode gostar também

JQuery: Aplicar efeito de opacidade em uma imagem

JQuery: Select option value this

Fancybox – Criando uma galeria de fotos

Um comentário sobre “JQuery: Geolocalização via IP – MaxMind”

Deixe um comentário Cancelar resposta