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

system-63768
このエントリーをはてなブックマークに追加
PR

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);
	  }
});
PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)