WEBサイトに来た時に簡単に LocationとIPアドレスを表示させるスクリプト『geolocation + ip + postal code』

geolocation + ip + postal code
By Joe Watkins

DEMO 表示

サーバーにアクセスしたロケーションとIPアドレス、郵便番号を表示させるシンプルなコードです
ipinfo.ioのAPIを使って表示がされています郵便番号は私の環境では表示されませんでした、日本の場合は対応していないのかもしれません

ipinfo.ioにアクセスすると、回線名、ホスト名、あと所在地からの地図の表示もありますこういった情報も取得出来るかと思います

HTML

<p>Location: <span class="city-region"></span><br>
IP: <span class="ip"></span><br>
Postal Code: <span class="postal"></span></p>

javascript ( jQuery )

/* postal code is not 100% accurate */
$.ajax({
	  url: "http://ipinfo.io",
			  dataType: "jsonp",
			  success: function(data){
    var cityRegion = data.city +', '+data.region,
        ip = data.ip,
        postal = data.postal,
        latLong = data.loc.split(','),
        lat = latLong[0],
        long = latLong[1];
        $('.city-region').text(cityRegion);
        $('.ip').text(ip);
        $('.postal').text(postal);
	  }
});