// 数据库
var database = {
'123.123.123.123': {
province: '北京市',
city: '北京市',
operators: '联通',
},
'123.123.123.124': {
province: '北京市',
city: '北京市',
operators: '联通',
}
// ...
}
// 主函数
var inquireIP = function (ip) {
if(database[ip]) {
return database[ip]
}else{
console.log('找不到ip：' + ip)
return null
}
}
// 调用
var ipData = inquireIP('123.123.123.123')
这样子这个js文件会很大，也可以调用API的形式，为方便下面js代码使用了jquery
// 主函数
var inquireIP = function (ip, callback) {
$.ajax({
url: '你的API接口地址',
type: 'GET',
dataType: 'jsonp',
data: {ip: ip}
})
.done(function(data) {
callback(data)
})
}
// 调用
inquireIP('123.123.123.123', function (data) {
console.log(data)
})
这样子就可以在服务端处理，当然提前你得有服务器，并搭建一个查询ip的API接口
手机js页面实现一键定位，并且把获取的地理位置显示到文本框中代码如下：
var getLocation = function (successFunc, errorFunc) { //successFunc获取定位成功回调函数，errorFunc获取定位失败回调
//首先设置默认城市
var defCity = {
id: '000001',
name: '北京市',
date: curDateTime()//获取当前时间方法
}
//默认城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(defCity), { expires: 1, path: '/' })
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function (position) {
var lat = position.coords.latitude
var lon = position.coords.longitude
//var map = new BMap.Map("container") // 创建Map实例
var point = new BMap.Point(lon, lat)// 创建点坐标
var gc = new BMap.Geocoder()
gc.getLocation(point, function (rs) {
var addComp = rs.addressComponents
var curCity = {
id: '',
name: addComp.province,
date: curDateTime()
}
//当前定位城市
$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' })
//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street)
if (successFunc != undefined)
successFunc(addComp)
})
},
function (error) {
switch (error.code) {
case 1:
alert("位置服务被拒绝。")
break
case 2:
alert("暂时获取不到位置信息。")
break
case 3:
alert("获取位置信息超时。")
break
default:
alert("未知错误。")
break
}
var curCity = {
id: '000001',
name: '北京市',
date: curDateTime()
}
//默认城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' })
if (errorFunc != undefined)
errorFunc(error)
}, { timeout: 5000, enableHighAccuracy: true })
} else {
alert("你的浏览器不支持获取地理位置信息。")
if (errorFunc != undefined)
errorFunc("你的浏览器不支持获取地理位置信息。")
}
}
var showPosition = function (position) {
var lat = position.coords.latitude
var lon = position.coords.longitude
//var map = new BMap.Map("container") // 创建Map实例
var point = new BMap.Point(lon, lat)// 创建点坐标
var gc = new BMap.Geocoder()
gc.getLocation(point, function (rs) {
var addComp = rs.addressComponents
var curCity = {
id: '',
name: addComp.province,
date: curDateTime()
}
//当前定位城市
$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' })
//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street)
})
}
var showPositionError = function (error) {
switch (error.code) {
case 1:
alert("位置服务被拒绝。")
break
case 2:
alert("暂时获取不到位置信息。")
break
case 3:
alert("获取位置信息超时。")
break
default:
alert("未知错误。")
break
}
var curCity = {
id: '000001',
name: '北京市',
date: curDateTime()
}
//默认城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' })
}
一、PC端通过IP实现定位代码
<script type="text/javascript" src="http://fw.qq.com/ipaddress"></script>
<script type="text/javascript">
document.write(IPData[0]) //显示IP地址
document.write(IPData[2]) //显示省
document.write(IPData[3]) //显示市
</script>
二、获取客户端地址代码
<script>
var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_=' + Math.random()
$.getJSON(url, function(data) {
alert(data.Ip)
})
</script>
