html ip定位吗,html5百度定位和百度IP定位,交互使用

这段代码展示了如何利用百度地图API获取用户当前的位置信息。首先通过Geolocation获取实时位置,如果成功则保存经纬度并展示地址;如果精度不足,则通过IP地址进行高精度定位,同样获取并显示地址。整个过程涉及到了JavaScript、百度地图API和JSONP跨域请求。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

不多说,直接上代码

var geoc = new BMap.Geocoder();

var geolocation = new BMap.Geolocation();

//百度定位

geolocation.getCurrentPosition(function (r) {

if (this.getStatus() == BMAP_STATUS_SUCCESS) {

var pt = r.point;

if (r.accuracy != null && r.accuracy > 0) {

SaveActionInfo(pt.lng, pt.lat);

var addComp = r.address;

var address = addComp.city + addComp.district + addComp.street + addComp.street_number;

$("#longlati").val('百度您的位置:' + address);

}

else {

GetIpLocation("ip地址");

}

}

else {

}

}, { enableHighAccuracy: true });

//百度高精度IP定位

function GetIpLocation(clientIP) {

var mapUrl = 'http://api.map.baidu.com/highacciploc/v1?ak=我的百度KEY&qterm=pc&callback_type=jsonp&coord=bd09ll&qcip=' + clientIP;

$.ajax({

type: "get",

async: false,

url: mapUrl,

dataType: "jsonp",

success: function (data) {

var result = data.result.error;

if (result == 161) {

var pt = new BMap.Point(data.content.location.lng, data.content.location.lat);

SaveActionInfo(pt.lng, pt.lat);

geoc.getLocation(pt, function (rs) {

var addComp = rs.addressComponents;

var address = addComp.city + addComp.district + addComp.street + addComp.streetNumber;

$("#longlati").val('IP进行定位您的位置:' + address);

});

} else {

$("#longlati").val('定位失败!  ' + result);

};

},

error: function () {

$("#longlati").val('服务忙,请稍候再试!');

}

});

}



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值