HTML5地理定位,百度地图API,知识点熟悉
来源:互联网 发布:网络协同办公软件 编辑:程序博客网 时间:2024/04/28 03:05
判断浏览器的兼容问题:
IE9+支持地理定位,FF Chrome新版支持地理定位
if (navigator.geolocation) {
alert('支持地理定位');
} else {
alert('不支持地理定位');
}
alert('支持地理定位');
} else {
alert('不支持地理定位');
}
获取自己位置经纬度
<script>
var x=document.getElementById("wrap");
function getLocation () {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
alert('不支持地理定位——HTML5自由者!');
}
} getLocation();
function showPosition(position) {
x.innerHTML ="纬度:"+position.coords.latitude + "<br />经度:"+position.coords.longitude;
}
</script>
var x=document.getElementById("wrap");
function getLocation () {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
alert('不支持地理定位——HTML5自由者!');
}
} getLocation();
function showPosition(position) {
x.innerHTML ="纬度:"+position.coords.latitude + "<br />经度:"+position.coords.longitude;
}
</script>
处理错误和拒绝
getCurrentPosition(参数1,参数2); 方法的第二个参数用于处理错误。它规定当获取用户位置失败时运行的函数
错误代码:
- Permission denied - 用户不允许地理定位
- Position unavailable - 无法获取当前位置
- Timeout - 操作超时
/*显示定位错误*/
function showError(error) {
switch(error.code) {
case error.POSITION_UNAVAILABLE:
x.innerHTML="无法获取当前位置!"; break;
case error.PERMISSION_DENIED:
x.innerHTML="用户不允许地理定位!"; break;
case error.TIMEOUT:
x.innerHTML="操作超时!"; break;
case error.UNKNOWN_ERROR:
x.innerHTML="未知的错误!" ; break;
}
}
function showError(error) {
switch(error.code) {
case error.POSITION_UNAVAILABLE:
x.innerHTML="无法获取当前位置!"; break;
case error.PERMISSION_DENIED:
x.innerHTML="用户不允许地理定位!"; break;
case error.TIMEOUT:
x.innerHTML="操作超时!"; break;
case error.UNKNOWN_ERROR:
x.innerHTML="未知的错误!" ; break;
}
}
watchPosition 使用方法跟getCurrenPosition方法类似 ,
watchPosition返回用户的当前位置,如果用户移动则返回实时位置,就跟GPS一样。
① navigator.geolocation.watchPosition(showPosition);
② clearWatch() - 停止 watchPosition() 方法
❤ 百度地图API助手 http://developer.baidu.com/map/
/*经纬度显示在地图上*/
function showOnMap(position){
var latlon=position.coords.latitude+","+position.coords.longitude;
var img_url="http://maps.googleapis.com/maps/api/staticmap?center="
+latlon+"&zoom=14&size=400x300&sensor=false";
document.getElementById("mapholder").innerHTML="<img src='"+img_url+"' />";
}
DEMO演示: 显示经纬度 调用百度地图API显示地图信息
2 0
- HTML5地理定位,百度地图API,知识点熟悉
- HTML5地理定位,百度地图API,知识点熟悉
- HTML5 调用百度地图API地理定位
- HTML5调用百度地图API进行地理定位实例
- HTML5调用百度地图API进行地理定位实例
- Geolocation---HTML5调用百度地图API进行地理定位实例
- html5地理定位出现问题,求助百度地图API
- html5借助百度地图API来实现地理定位
- HTML5调用百度地图API进行地理定位实例
- HTML5调用百度地图API进行地理定位实例 ,定位当前位置
- 1212html5中的地理定位及百度地图问题
- HTML5定位+百度地图
- html5---百度地图定位
- Html5 百度地图定位
- 百度地图(基本定位和地理编码)
- ios百度地图定位反地理编码
- html5 geolocation / 百度地图api Geolocation 定位当前城市信息
- html5 geolocation/ 百度地图api Geolocation 定位当前城市信息
- 来自苹果的编程语言——Swift简介
- windows平台下编译curl支持https(good)
- 给TableLayou绘制边框--简单方法
- 欧拉计划
- 非法制裁 豆瓣影评 有些事情,如果发生在别人身上,那是故事;发生在你身上就是事故。
- HTML5地理定位,百度地图API,知识点熟悉
- MySql提示:The server quitwithout updating PID file(…)失败
- Android多线程研究(9)——线程锁Lock
- jQuery整理笔记九----功能性表格开发
- 第十五周项目二用文件保存学生名单
- Windows编程 - 开启/关闭/遍历程序的类 代码(C++)
- 从微软小冰看微软运营手段的转型
- 俄罗斯方块与状态机
- sqoop导入时删除string类型字段的特殊字符