html5 geolocation 百度地图,html5 geolocation配合百度地图api实现定位

本文介绍了如何使用HTML5的Geolocation API结合百度地图API进行用户定位。首先,解释了Geolocation API的功能及尊重用户隐私的原则。接着,列举了支持此功能的主流浏览器,并提供了一个实例展示如何获取和使用用户的位置信息。最后,讨论了如何将这些位置信息整合到百度地图API中,以在地图上准确显示用户位置。
摘要由CSDN通过智能技术生成

1.了解html5 geolocation

HTML5 Geolocation(地理定位)用于定位用户的位置。

鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。=> 使用时会有请求提示框,需要用户点击确认。

2.浏览器支持

Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。

对于拥有 GPS 的设备,比如 iPhone,地理定位更加精确。

3.一个实例。

function position() {

//判断浏览器是否支持定位

if(navigator.geolocation) {

//这里接受两个参数 定位成功则执行第一个函数,否则执行第二个

navigator.geolocation.getCurrentPosition(showPosition, showError);

} else {

alert("不支持定位");

};

};

//接受一个参数 参数为对象

function showPosition(position){

//position中有一个coords 这个下面 有latitude:纬度 longitude:经度

$.ajax({

type: "get",

url: "http://api.map.baidu.com/geocoder/v2/?callback=renderReverse&location=" + position.coor

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值