Merhaba ben Zacha.
Bu konuda Php ile api servisi aracılığıyla IP adresi ve bazı detayları öğrenme üzerine bir kodlama yapacağım.
Koordinat bilgisi üzerinden haritalandırmada yapabilmesi için OpenStreetMap kullanacağız.
Kodlara geçelim ;
ip.php
ip.css
Bu konuda Php ile api servisi aracılığıyla IP adresi ve bazı detayları öğrenme üzerine bir kodlama yapacağım.
Koordinat bilgisi üzerinden haritalandırmada yapabilmesi için OpenStreetMap kullanacağız.
Kodlara geçelim ;
ip.php
PHP:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dış IP Adresi Bilgisi</title>
<link rel="stylesheet" href="ip.css">
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<style>
#map {
height: 300px;
border-radius: 8px;
margin-top: 20px;
}
</style>
</head>
<body>
<div class="container">
<h1>Dış IP Adresi Bilgisi</h1>
<?php
function getExternalIP() {
$response = file_get_contents('https://api.ipify.org');
return $response;
}
function getIPDetails($ip) {
$details = json_decode(file_get_contents("http://ip-api.com/json/{$ip}"));
return $details;
}
$external_ip = getExternalIP();
$ip_details = getIPDetails($external_ip);
echo "<div class='ip-info'>";
echo "<p><strong>Kullanıcının Dış IP Adresi:</strong> <span class='highlight'>" . $external_ip . "</span></p>";
echo "<p><strong>Ülke:</strong> <span class='highlight'>" . $ip_details->country . "</span></p>";
echo "<p><strong>Bölge:</strong> <span class='highlight'>" . $ip_details->regionName . "</span></p>";
echo "<p><strong>Şehir:</strong> <span class='highlight'>" . $ip_details->city . "</span></p>";
echo "<p><strong>ISP:</strong> <span class='highlight'>" . $ip_details->isp . "</span></p>";
echo "<p><strong>Koordinatlar:</strong> <span class='highlight'>" . $ip_details->lat . ", " . $ip_details->lon . "</span></p>";
echo "</div>";
?>
<div id="map"></div>
</div>
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
<script>
var latitude = <?php echo $ip_details->lat; ?>;
var longitude = <?php echo $ip_details->lon; ?>;
var map = L.map('map').setView([latitude, longitude], 13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: '© OpenStreetMap'
}).addTo(map);
var marker = L.marker([latitude, longitude]).addTo(map)
.bindPopup('Buradasınız!')
.openPopup();
</script>
</body>
</html>ip.css
CSS:
body {
font-family: 'Courier New', Courier, monospace;
background-color: #000;
color: #00ff00;
margin: 0;
padding: 0;
}
.container {
max-width: 600px;
margin: 50px auto;
padding: 20px;
background-color: #111;
border-radius: 8px;
box-shadow: 0 0 20px rgba(0, 255, 0, 0.5);
border: 1px solid #00ff00;
}
h1 {
text-align: center;
color: #00ff00;
text-shadow: 0 0 10px rgba(0, 255, 0, 0.8);
}
.ip-info {
margin-top: 20px;
padding: 15px;
background-color: #222;
border-radius: 8px;
}
.ip-info p {
margin: 10px 0;
color: #00ff00;
}
.highlight {
font-weight: bold;
color: #ffcc00;
}
#map {
height: 300px;
border-radius: 8px;
margin-top: 20px;
border: 1px solid #00ff00;
box-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
}
