<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>IP Address Lookup - Check Location of Your Public IP | MyLocation.site</title> <meta name="description" content="MyLocation.site provides free IP geolocation lookup to check the location of any IP address. Get accurate city, country, ISP and coordinates data instantly."> <meta name="keywords" content="IP lookup, IP location, geolocation, IP tracker, my IP, IP address, mylocation.site"> <!-- Open Graph / Social Media Meta Tags --> <meta property="og:title" content="IP Address Lookup - Check Location of Your Public IP | MyLocation.site"> <meta property="og:description" content="Free IP geolocation lookup to check the location of any IP address. Get accurate city, country, ISP and coordinates data instantly."> <meta property="og:url" content="https://mylocation.site/"> <meta property="og:type" content="website"> <meta property="og:image" content="https://mylocation.site/images/og-image.jpg"> <meta property="og:site_name" content="MyLocation.site"> <!-- Twitter Card Meta Tags --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="IP Address Lookup - Check Location of Your Public IP | MyLocation.site"> <meta name="twitter:description" content="Free IP geolocation lookup to check the location of any IP address. Get accurate city, country, ISP and coordinates data instantly."> <meta name="twitter:image" content="https://mylocation.site/images/og-image.jpg"> <!-- Favicons --> <link rel="icon" href="images/favicon/favicon-32x32.png" sizes="32x32"> <link rel="icon" href="images/favicon/favicon-64x64.png" sizes="64x64"> <link rel="apple-touch-icon" href="images/favicon/apple-touch-icon.png"> <!-- Canonical URL --> <link rel="canonical" href="https://mylocation.site/"> <!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- Font Awesome --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet"> <!-- Custom CSS --> <style> :root { --primary-color: #4a6bff; --secondary-color: #2c3e50; --accent-color: #00c9a7; --light-bg: #f8f9fa; --dark-text: #212529; } body { font-family: 'Poppins', sans-serif; color: var(--dark-text); background-color: #f5f7ff; line-height: 1.6; } .navbar { background-color: white; box-shadow: 0 2px 15px rgba(0,0,0,0.1); } .navbar-brand img { height: 40px; } .nav-link { color: var(--secondary-color); font-weight: 500; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link.active { color: var(--primary-color); } .btn-primary { background-color: var(--primary-color); border-color: var(--primary-color); padding: 0.5rem 1.5rem; } .btn-primary:hover { background-color: #3a5ae8; border-color: #3a5ae8; } .hero-section { background: linear-gradient(135deg, var(--primary-color) 0%, #6a5acd 100%); color: white; padding: 3rem 0; border-radius: 0 0 20px 20px; margin-bottom: 2rem; } .search-box { max-width: 800px; margin: 0 auto; } #ip_input { border-radius: 8px 0 0 8px; padding: 0.8rem 1rem; border: 2px solid var(--primary-color); border-right: none; } #ip_input:focus { box-shadow: none; border-color: var(--primary-color); } .btn-lookup { border-radius: 0 8px 8px 0; font-weight: 600; } .info-card { background-color: white; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); padding: 1.5rem; margin-bottom: 1.5rem; border: none; } .info-card h3 { color: var(--secondary-color); font-weight: 600; border-bottom: 2px solid var(--primary-color); padding-bottom: 0.5rem; margin-bottom: 1.5rem; } .provider-badge { background-color: var(--light-bg); color: var(--secondary-color); padding: 0.3rem 0.8rem; border-radius: 20px; font-size: 0.8rem; font-weight: 500; display: inline-block; } .ip-detail { margin-bottom: 1rem; } .ip-detail i { color: var(--primary-color); width: 24px; text-align: center; margin-right: 0.5rem; } .ip-detail span { font-weight: 500; } .map-container { border-radius: 8px; overflow: hidden; margin-top: 1rem; } .vpn-banner { background-color: #fff8f8; border-left: 4px solid #ff6b6b; padding: 1rem; border-radius: 0 8px 8px 0; margin-top: 2rem; } .feature-icon { color: var(--primary-color); font-size: 2rem; margin-bottom: 1rem; } .tool-card { border: none; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: all 0.3s ease; margin-bottom: 1.5rem; height: 100%; } .tool-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .tool-card .card-body { padding: 1.5rem; } footer { background-color: var(--secondary-color); color: white; padding: 3rem 0 1rem; } footer a { color: #adb5bd; text-decoration: none; } footer a:hover { color: white; } .social-icons a { color: white; font-size: 1.25rem; margin-right: 1rem; } .copyright { background-color: #1a252f; padding: 1rem 0; color: #adb5bd; } @media (max-width: 768px) { .hero-section { padding: 2rem 0; } #ip_input, .btn-lookup { padding: 0.6rem; } } </style> <!-- Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XXXXXXXXXX'); </script></head> <body> <!-- Navigation --> <nav class="navbar navbar-expand-lg navbar-light sticky-top"> <div class="container"> <a class="navbar-brand" href="/"> <img src="images/logo.svg" alt="MyLocation.site"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav me-auto"> <li class="nav-item"> <a class="nav-link active" href="/">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="/ip-tools">IP Tools</a> </li> <li class="nav-item"> <a class="nav-link" href="/dns-tools">DNS Tools</a> </li> <li class="nav-item"> <a class="nav-link" href="/developer-tools">Developer Tools</a> </li> <li class="nav-item"> <a class="nav-link" href="/about">About</a> </li> </ul> <div class="d-flex"> <a href="/api" class="btn btn-outline-primary me-2">API</a> <a href="/contact" class="btn btn-primary">Contact</a> </div> </div> </div> </nav> <!-- Hero Section --> <section class="hero-section"> <div class="container text-center"> <h1 class="mb-3">IP Address Location Lookup</h1> <p class="lead mb-4">Find the geographic location of any IP address with our free lookup tool</p> <div class="search-box"> <div class="input-group mb-3"> <input type="text" id="ip_input" class="form-control form-control-lg" placeholder="Enter IP address or domain" aria-label="IP Address"> <button class="btn btn-primary btn-lg btn-lookup" type="button" id="lookup_btn"> <i class="fas fa-search me-2"></i> Lookup </button> </div> <div class="d-flex justify-content-center"> <div class="me-4"> <small class="text-white-50">Your IPv4:</small> <div class="text-white" id="client_ip_4">Detecting...</div> </div> <div> <small class="text-white-50">Your IPv6:</small> <div class="text-white" id="client_ip_6">Detecting...</div> </div> </div> </div> </div> </section> <!-- Main Content --> <main class="container my-5"> <div class="row"> <!-- Results Section --> <div class="col-lg-8"> <div id="result_area"> <!-- IP2Location Results --> <div class="info-card"> <div class="d-flex justify-content-between align-items-center mb-3"> <h3 class="mb-0">IP Location Details</h3> <span class="provider-badge">Powered by IP2Location</span> </div> <div class="row"> <div class="col-md-6"> <div class="ip-detail"> <i class="fas fa-network-wired"></i> <strong>IP Address:</strong> <span class="ip">-</span> <i class="fas fa-copy copy-icon ms-2" title="Copy"></i> </div> <div class="ip-detail"> <i class="fas fa-globe"></i> <strong>Country:</strong> <span class="country_name">-</span> </div> <div class="ip-detail"> <i class="fas fa-flag"></i> <strong>Country Code:</strong> <span class="countryCode">-</span> </div> <div class="ip-detail"> <i class="fas fa-map-marker-alt"></i> <strong>State/Region:</strong> <span class="state_name">-</span> </div> </div> <div class="col-md-6"> <div class="ip-detail"> <i class="fas fa-city"></i> <strong>City:</strong> <span class="city_name">-</span> </div> <div class="ip-detail"> <i class="fas fa-mail-bulk"></i> <strong>Postal Code:</strong> <span class="zipCode">-</span> </div> <div class="ip-detail"> <i class="fas fa-map-pin"></i> <strong>Coordinates:</strong> <span class="latitude">-</span>, <span class="longitude">-</span> </div> <div class="ip-detail"> <i class="fas fa-wifi"></i> <strong>ISP:</strong> <span class="isp">-</span> </div> </div> </div> <a href="#" class="btn btn-outline-primary mt-3 show_map"> <i class="fas fa-map-marked-alt me-2"></i> View on Map </a> <div class="map-container d-none" id="map_box_ip2location"> <iframe class="w-100" height="300" frameborder="0" style="border:0" allowfullscreen></iframe> </div> </div> <!-- Additional provider sections would go here --> <!-- VPN Banner --> <div class="vpn-banner"> <div class="d-flex align-items-center"> <div class="flex-grow-1"> <h5 class="mb-1">Your IP address exposes your location</h5> <p class="mb-0">Protect your privacy with a VPN service</p> </div> <a href="/best-vpn" class="btn btn-danger btn-sm">Learn More</a> </div> </div> <!-- Information Section --> <div class="info-card mt-4"> <h3>About IP Location Lookup</h3> <p>When you visit any website, your device connects using its IP address - a unique identifier that can reveal your approximate geographic location. Our tool helps you understand what information is visible to websites you visit.</p> <div class="accordion mt-4" id="infoAccordion"> <div class="accordion-item border-0 mb-2"> <h2 class="accordion-header" id="headingOne"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne"> What is an IP address? </button> </h2> <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#infoAccordion"> <div class="accordion-body"> <p>An IP (Internet Protocol) address is a unique numerical identifier assigned to every device connected to a network. It serves two main functions:</p> <ol> <li>Network interface identification</li> <li>Location addressing (providing approximate geographic location)</li> </ol> <p>There are two versions of IP addresses in use today: IPv4 (e.g., 192.168.1.1) and IPv6 (e.g., 2001:0db8:85a3::8a2e:0370:7334).</p> </div> </div> </div> <div class="accordion-item border-0 mb-2"> <h2 class="accordion-header" id="headingTwo"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo"> How accurate is IP geolocation? </button> </h2> <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#infoAccordion"> <div class="accordion-body"> <p>IP geolocation accuracy varies depending on several factors:</p> <ul> <li><strong>ISP data:</strong> Some ISPs provide more precise location data than others</li> <li><strong>Type of IP:</strong> Mobile IPs are typically less accurate than fixed broadband IPs</li> <li><strong>Database quality:</strong> We use multiple commercial and open-source databases</li> </ul> <p>In most cases, IP geolocation can identify the city or region, but rarely the exact street address.</p> </div> </div> </div> <div class="accordion-item border-0"> <h2 class="accordion-header" id="headingThree"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree"> Can I hide my IP location? </button> </h2> <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#infoAccordion"> <div class="accordion-body"> <p>Yes, there are several ways to hide or change your apparent IP location:</p> <ul> <li><strong>VPN services:</strong> Route your traffic through servers in other locations</li> <li><strong>Proxy servers:</strong> Similar to VPNs but typically less secure</li> <li><strong>Tor network:</strong> Provides strong anonymity but slower speeds</li> </ul> <p>Each method has different trade-offs between privacy, speed, and convenience.</p> </div> </div> </div> </div> </div> </div> </div> <!-- Sidebar --> <div class="col-lg-4"> <div class="info-card"> <h3 class="mb-3">Popular Tools</h3> <div class="row"> <div class="col-md-6 col-lg-12 mb-3"> <div class="tool-card"> <div class="card-body text-center"> <div class="feature-icon"> <i class="fas fa-address-card"></i> </div> <h5 class="card-title">What Is My IP</h5> <p class="card-text">Discover your public IP address and location</p> <a href="/what-is-my-ip" class="btn btn-primary btn-sm">Try Tool</a> </div> </div> </div> <div class="col-md-6 col-lg-12 mb-3"> <div class="tool-card"> <div class="card-body text-center"> <div class="feature-icon"> <i class="fas fa-server"></i> </div> <h5 class="card-title">DNS Lookup</h5> <p class="card-text">Check all DNS records for any domain</p> <a href="/dns-lookup" class="btn btn-primary btn-sm">Try Tool</a> </div> </div> </div> <div class="col-md-6 col-lg-12 mb-3"> <div class="tool-card"> <div class="card-body text-center"> <div class="feature-icon"> <i class="fas fa-network-wired"></i> </div> <h5 class="card-title">Ping Test</h5> <p class="card-text">Check connectivity to any host</p> <a href="/ping" class="btn btn-primary btn-sm">Try Tool</a> </div> </div> </div> <div class="col-md-6 col-lg-12"> <div class="tool-card"> <div class="card-body text-center"> <div class="feature-icon"> <i class="fas fa-key"></i> </div> <h5 class="card-title">Password Generator</h5> <p class="card-text">Create strong, secure passwords</p> <a href="/password-generator" class="btn btn-primary btn-sm">Try Tool</a> </div> </div> </div> </div> </div> <div class="info-card"> <h3 class="mb-3">About MyLocation.site</h3> <p>MyLocation.site provides free network tools and IP geolocation services to developers, IT professionals, and curious users worldwide.</p> <p>Our mission is to make network information accessible and understandable to everyone.</p> <a href="/about" class="btn btn-outline-primary mt-2">Learn More</a> </div> </div> </div> </main> <!-- Footer --> <footer> <div class="container"> <div class="row"> <div class="col-lg-4 mb-4"> <img src="images/logo-white.svg" alt="MyLocation.site" class="mb-3" height="40"> <p>Free network tools and IP geolocation services for developers and IT professionals.</p> <div class="social-icons mt-3"> <a href="#"><i class="fab fa-twitter"></i></a> <a href="#"><i class="fab fa-github"></i></a> <a href="#"><i class="fab fa-linkedin"></i></a> </div> </div> <div class="col-lg-2 col-md-4 mb-4"> <h5 class="mb-3">IP Tools</h5> <ul class="list-unstyled"> <li class="mb-2"><a href="/ip-lookup">IP Lookup</a></li> <li class="mb-2"><a href="/what-is-my-ip">What Is My IP</a></li> <li class="mb-2"><a href="/ip-whois">IP WHOIS</a></li> <li><a href="/ip-converter">IP Converter</a></li> </ul> </div> <div class="col-lg-2 col-md-4 mb-4"> <h5 class="mb-3">DNS Tools</h5> <ul class="list-unstyled"> <li class="mb-2"><a href="/dns-lookup">DNS Lookup</a></li> <li class="mb-2"><a href="/mx-lookup">MX Lookup</a></li> <li class="mb-2"><a href="/ns-lookup">NS Lookup</a></li> <li><a href="/dns-check">DNS Check</a></li> </ul> </div> <div class="col-lg-2 col-md-4 mb-4"> <h5 class="mb-3">Security Tools</h5> <ul class="list-unstyled"> <li class="mb-2"><a href="/password-generator">Password Generator</a></li> <li class="mb-2"><a href="/ip-blacklist">IP Blacklist Check</a></li> <li class="mb-2"><a href="/ssl-check">SSL Checker</a></li> <li><a href="/http-headers">HTTP Headers</a></li> </ul> </div> <div class="col-lg-2 mb-4"> <h5 class="mb-3">Company</h5> <ul class="list-unstyled"> <li class="mb-2"><a href="/about">About Us</a></li> <li class="mb-2"><a href="/contact">Contact</a></li> <li class="mb-2"><a href="/privacy">Privacy Policy</a></li> <li><a href="/terms">Terms of Service</a></li> </ul> </div> </div> <hr class="my-4 bg-secondary"> </div> </footer> <div class="copyright"> <div class="container text-center"> <p class="mb-0">© 2022-2023 MyLocation.site. All rights reserved.</p> </div> </div> <!-- JavaScript --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> // API configuration const API_CONFIG = { ip2location: { url: 'https://api.iplocation.net/?ip=', fields: { ip: 'ip', country_name: 'country_name', countryCode: 'country_code2', state_name: 'state_prov', city_name: 'city', zipCode: 'zipcode', latitude: 'latitude', longitude: 'longitude', organization: 'organization', isp: 'isp' } }, ipinfo: { url: 'https://ipinfo.io/', token: '63630a5f55c83d', // Replace with your actual token fields: { ip: 'ip', country_name: 'country', country: 'country', state_name: 'region', city_name: 'city', postal: 'postal', latitude: 'loc.split(",")[0]', longitude: 'loc.split(",")[1]', asn: 'asn', organization: 'org' } } }; // Detect client IP on page load $(document).ready(function() { // Get client IP using a free API $.getJSON('https://api.ipify.org?format=json', function(data) { $('#client_ip_4').text(data.ip || 'Not Detected'); $('#ip_input').val(data.ip); lookupIP(data.ip); }).fail(function() { $('#client_ip_4').text('Not Detected'); }); // Check for IPv6 support if (window.hasOwnProperty('RTCPeerConnection')) { $('#client_ip_6').text('Checking...'); // This is a complex check that would need proper implementation // For now, we'll just show "Not Detected" setTimeout(() => { $('#client_ip_6').text('Not Detected'); }, 1000); } else { $('#client_ip_6').text('Not Supported'); } // Form submission handler $('#lookup_btn').click(function(e) { e.preventDefault(); const ip = $('#ip_input').val().trim(); if (ip) { lookupIP(ip); } }); // Copy to clipboard functionality $(document).on('click', '.copy-icon', function() { const text = $(this).prev().text(); navigator.clipboard.writeText(text); $(this).attr('title', 'Copied!').tooltip('show'); setTimeout(() => { $(this).attr('title', 'Copy').tooltip('hide'); }, 2000); }); // Show map functionality $(document).on('click', '.show_map', function(e) { e.preventDefault(); const container = $(this).next('.map-container'); container.toggleClass('d-none'); if (!container.hasClass('d-none')) { const lat = container.closest('.info-card').find('.latitude').text(); const lng = container.closest('.info-card').find('.longitude').text(); if (lat && lng && lat !== '-' && lng !== '-') { container.find('iframe').attr('src', `https://maps.google.com/maps?q=${lat},${lng}&z=14&output=embed`); } } }); }); // Function to lookup IP information function lookupIP(ip) { // Show loading state $('.ip-detail span').not('.copy-icon').html('<span class="spinner-border spinner-border-sm text-primary"></span>'); // Call IP2Location API $.getJSON(`${API_CONFIG.ip2location.url}${ip}`, function(data) { updateFields('ip2location', data); }).fail(function() { showError('ip2location'); }); // Call IPInfo API (if token is provided) if (API_CONFIG.ipinfo.token) { $.getJSON(`${API_CONFIG.ipinfo.url}${ip}?token=${API_CONFIG.ipinfo.token}`, function(data) { updateFields('ipinfo', data); }).fail(function() { showError('ipinfo'); }); } } // Update fields with API data function updateFields(provider, data) { const config = API_CONFIG[provider]; if (!config) return; for (const [field, path] of Object.entries(config.fields)) { let value = data; // Handle nested paths and special cases if (path.includes('.')) { const parts = path.split('.'); value = data[parts[0]]; for (let i = 1; i < parts.length; i++) { if (value) value = value[parts[i]]; } } else if (path.includes('split')) { // Special handling for location which comes as "lat,lng" try { value = eval(`data.${path}`); } catch (e) { value = '-'; } } else { value = data[path]; } // Update the field if value exists if (value !== undefined && value !== null && value !== '') { $(`.${field}`).text(value); } else { $(`.${field}`).text('-'); } } } // Show error for a provider function showError(provider) { $(`.${provider} span`).not('.copy-icon').text('Error loading data'); } </script></body></html>
