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

news/2024/11/7 9:37:52/

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


http://www.ppmy.cn/news/622476.html

相关文章

百度地图API自定义地图

百度地图API自定义地图 一、使用说明 JavaScript API v1.4及以前版本无须申请密钥(ak),自v1.5版本开始需要先申请密钥(ak),才可使用。仅JavaScript API V2.0 版本支持https,其他JavaScript A…

百度地图缩放级别与比例尺的关系

背景 最近做了一个项目,需要用户在缩放百度地图的时候,能根据地图缩放级别以及地图中心坐标,动态更新地图上的标注点(比如根据地图缩放级别以及地图中心坐标动态获取手机屏幕视界范围内的共享单车位置),这…

android 百度地图 黑屏,百度地图 Fragment之间切换黑屏现象解决方案

用过百度地图的人多很忧伤,各种bug, 已无力吐槽,最无语的可能就是会出现黑屏现象,比如一个Activity包含三个Fragment, 其中一个Fragment嵌套MapView使用,在切换这三个Fragment时会出现明显的黑屏,这个问题出现很久了,很早的SDK版本就存在,现在最新的SDK版本依然存在这个…

php百度地图地址解析失败,百度地图web定位超时或不准

在web上使用了百度地图webapi,发现第二次定位的时候仍然显示的是上一次定位的信息 然而我在百度手机web版(就是map.baidu.com/mobile)重新授权定位后,发现回复的地址仍是以前定位的地址 请问这是百度地图手机web版的问题还是我机子的问题? 测…

百度地图android兼容,支持离线地图 百度地图Android版上线

尽管流量越来越便宜,但手机地图软件还是希望能够为用户节省下这笔资金。使用离线地图包,不仅节省了流量同时也省去了联网等待的时间,让定位或者导航功能更加快捷。继Symbian版之后,百度手机地图再次推出了Android版,同…

HTML5百度地图规划路线,百度手机地图手动设置地图路线的方法 路线选择方法

我们出行的时候总是要用到百度手机地图的。不少用户用百度手机地图来代替车载导航,一般情况下,我们选定目的地后百度地图就会自动划定路线,但是如果你需要中途经过一些地点就需要手动选择路线,下面就教大家百度手机地图路线选择方…

如何配置百度地图应用访问白名单

百度地图的应用有四种类型,移动端(ios和Android)不需要ak、浏览器端需要设置Referer白名单、服务器端需要设置IP白名单。 接下来会在官方给出的白名单配置的基础上进一步说明: 1、浏览器端白名单 什么是Referer?htt…

java百度地图离线开发_【“零起点”--百度地图手机SDK】如何使用离线地图?

摘要:用户使用地图的时候,希望不联网就能展示地图。这时,就需要使用到离线地图了。如何在百度地图SDK里引入离线地图呢? ------------------------------------------------------------------------------------------------------------------- 相关阅读: -------------…