Javascript Get User IP Address, Latitude, Longitude, Country, City, State Details

on

Javascript Get User IP Address, Latitude, Longitude, Country, City, State Details

By: Suresh Dasari Jan 24, 2013
Categories: , , ,
Introduction: 
Here I will explain how to get user current location details IP address, country, city, state, latitude and longitude using smart-ip json url in JavaScript using asp.net in C#, VB.NET.
Description:
  
In previous articles I explained jQuery Shake image on mouse over, jQuery upload multiple files using multiple file upload plugin, jQuery fancy switch on and off effects example and many articles relating to JavaScript, jQuery, asp.net. Now I will explain how to get current user location details IP address, country, city, state, latitude and longitude using smart-ip json url in JavaScript. 

To get current user location details I am using smart-ip.net json string to get all the information for that you need to write the following code
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Get User Details IP Address, city, country, state, latitude, longitude </title>
<script src="http://code.jquery.com/jquery-1.8.2.js" type="text/javascript"></script>
<script type="text/javascript">
var strip, strcountry, strcity, strregion, strlatitude, strlongitude, strtimezone
function GetUserInfo(data) {
strip = data.host; strcountry = data.countryName; strcity = data.city;
strregion = data.region; strlatitude = data.latitude; strlongitude = data.longitude;
strtimezone = data.timezone;
}
$(function () {
BindUserInfo();
})
function BindUserInfo() {
document.getElementById('lblIP').innerHTML = strip;
document.getElementById('lblCountry').innerHTML = strcountry;
document.getElementById('lblCity').innerHTML = strcity;
document.getElementById('lblregion').innerHTML = strregion;
document.getElementById('lbllatitude').innerHTML = strlatitude;
document.getElementById('lbllongitude').innerHTML = strlongitude;
document.getElementById('lbltimezone').innerHTML = strtimezone;
}
</script>
<script type="text/javascript" src="http://smart-ip.net/geoip-json?callback=GetUserInfo"></script>
</head>
<body>
<div>
<table id="tbDetails" cellpadding="2" cellspacing="2" style=" border:1px solid #000; font-family:Verdana;" >
<tr style="background-color:#DC5807; color:White; font-weight:bold">
<td colspan="2" align="center">User Information</td>
</tr>
<tr style="border:solid 1px #000000">
<td align="right"><b>IP:</b></td>
<td><label id="lblIP"/></td>
</tr>
<tr>
<td align="right"><b>Country:</b></td>
<td><label id="lblCountry"/></td>
</tr>
<tr>
<td align="right"><b>City:</b></td>
<td><label id="lblCity"/></td>
</tr>
<tr>
<td align="right"><b>Region:</b></td>
<td><label id="lblregion"/></td>
</tr>
<tr>
<td align="right"><b>latitude:</b></td>
<td><label id="lbllatitude"/></td>
</tr>
<tr>
<td align="right"><b>Longitude:</b></td>
<td><label id="lbllongitude"/></td>
</tr>
<tr>
<td align="right"><b>Time Zone:</b></td>
<td><label id="lbltimezone"/></td>
</tr>
</table>
</div>
</body>
</html>
Live Demo
For live demo check below of your current location details

User Information
IP:
Country:
City:
Region:
latitude:
Longitude:
Time Zone:


Comments

  1. Unknown14 January 2015 at 22:55

    The Keshri Software Solutions is a one-stop site for Asp.Net Live Project Training. We have successfully completed several batches and all are placed and working in a reputed company. Our aim is to provide crystal clear concepts and to boost programming & technology skills of candidates through best Live Project Training. Features: • It's a fully practical training program • Best in Industry Asp.Net Live project Training • Live Project under Senior Programmer guidance • Best IT office Environment. • It's a full time training, Office time 10:30AM- 7:30 PM • 100% Job Assistance • Beneficial for BE/BTECH/MCA students and those who are looking for job?

    Please visit : http://training.ksoftware.co.in/ for more details

    ReplyDelete

Post a Comment