Zeigt Informationen über deine Ip Adresse.
Zb über Stadt , Land ,Internet Anbieter uvw.
Code
<head>
<meta charset="UTF-8">
<link href="/css_webseite/ipapi.css" rel="stylesheet">
<script src="/js_webseite/jquery.js"></script>
</head>
<body>
<div class="modal fade" id="err-modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-center" id="pModalLabel"><span class="pm-title"></span></h4>
</div>
</div>
</div>
</div>
<div class="bg-wrap">
<div class="bg-colorgrad1"></div>
<div class="bg-img"></div>
<div class="text-center jumbo-ip">
<h1> </h1>
</div>
<div class="info-wrap container">
<div class="row">
<div class="hidden-xs hidden-sm col-md-10">
<div class="jumbo-desc">
<span class="line0">an </span>
<span class="line1">API</span>
<span class="line2"> to find</span>
<div class="line3">
<div class="jd-anim jd-anim1">
<span>your</span>
<span>location</span>
<span>timezone</span>
<span>city</span>
<span>country</span>
<span>postal code</span>
<span>latitude / longitude</span>
</div>
<br>
</div>
<div class="line4">
<div class="jd-anim jd-anim2">
<span>external IP address</span>
</div>
<div class="jd-anim jd-anim3">
<span>of an IP address</span>
</div>
</div>
</div>
</div>
<div class="col-xs-24 col-md-12">
<div class="info-card md1-shadow">
<div class="details-wrap">
<table class="table">
<tr class="ip-striped">
<td class="key">IP Address</td>
<td class="ipval" id="ipid" data-clipboard-text=""> </td>
</tr>
<tr class="ip-striped">
<td class="key">City</td>
<td id="cityid" class="ipval" data-clipboard-text=""> </td>
</tr>
<tr class="ip-striped">
<td class="key">Region</td>
<td class="ipval" id="regionid" data-clipboard-text=""> </td>
</tr>
<tr class="ip-striped tr-sep"><td></td><td></td></tr>
<tr class="ip-striped">
<td class="key">Country</td>
<td id="countryid" class="ipval" data-clipboard-text="DE">
</td>
<tr class="ip-striped"><td class="key">Postal Code</td><td class="ipval" data-clipboard-text="" id="postalid"> </td></tr>
<tr class="ip-striped"><td class="key">European Union</td><td class="ipval" data-clipboard-text="" id="in_euid"> </td></tr>
<tr class="ip-striped"><td class="key">Latitude / Longitude</td><td class="ipval" data-clipboard-text="" id="latitudeid"> </td></tr>
<tr class="ip-striped">
<td class="key">Time Zone</td><td class="ipval" data-clipboard-text="" id="timezoneid">
</td>
</tr>
<tr class="ip-striped">
<td class="key">Kontinent Code</td><td class="ipval" data-clipboard-text="" id="continent_codeid">
</td>
</tr>
<tr class="ip-striped">
<td class="key">Utc offset</td><td class="ipval" data-clipboard-text="" id="utc_offsetid">
</td>
</tr>
<tr class="ip-striped"><td class="key">Calling Code</td><td class="ipval" data-clipboard-text="" id="country_calling_codeid"> </td></tr>
<tr class="ip-striped"><td class="key">Currency</td><td class="ipval" data-clipboard-text="" id="currencyid"> </td></tr>
<tr class="ip-striped"><td class="key">Languages</td><td class="ipval" data-clipboard-text="" id="langid"> </td></tr>
<tr class="ip-striped"><td class="key">ASN</td><td class="ipval" data-clipboard-text="" id="asnid"> </td></tr>
<tr class="ip-striped"><td class="key">Org</td><td class="ipval" data-clipboard-text=""n id="orgid"> </td></tr>
<tr class="ip-striped"><td class="key">Hostname</td><td id="hostid" class="ipval" data-clipboard-text=""></td></tr>
</table>
</div>
<div class="info-sep"></div>
<div style="padding:5px;">
<div style="width:100%; overflow:hidden; height:300px;">
<iframe width="100%" height="300" frameborder="0" style="border:0" id="iframeid"
src="" allowfullscreen>
</iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$.getJSON('https://ipapi.co/json', function(data){
$('#ipid').html(data.ip);
$('#cityid').html(data.city);
$('#regionid').html(data.region+'('+data.region_code+')');
//$('#region_codeid').html(data.region_code);
var fah='<img class="c-flag" src="https://ipapi.co/static/images/flags/24/'+data.country.toLowerCase()+'.9f8cc07c258b.png">';
$('#countryid').html(fah+'-'+data.country+'/'+data.country_name);
// $('#country_nameid').html(data.country_name);
$('#continent_codeid').html(data.continent_code);
$('#in_euid').html(data.in_eu);
$('#postalid').html(data.postal);
// $('#longitudeid').html(data.longitude);
$('#latitudeid').html(data.latitude+'<br>'+data.longitude);
$('#timezoneid').html(data.timezone);
$('#utc_offsetid').html(data.utc_offset);
$('#country_calling_codeid').html(data.country_calling_code);
$('#currencyid').html(data.currency);
$('#langid').html(data.languages);
$('#asnid').html(data.asn);
$('#orgid').html(data.org);
$('#hostid').html(location.host);
$('#iframeid').attr('src','https://www.google.com/maps/embed/v1/place?key=AIzaSyDwxfea8ecYMmGKMO39JF1ko5bhF4UocpM&q='+data.city+','+data.region_code+','+data.country_name)
console.log(data)
})
</script>
</body>