HTML5地理定位,百度地图API,知识点熟悉
来源:互联网 发布:淘宝卖减肥药被下架 编辑:程序博客网 时间:2024/04/28 10:23
判断浏览器的兼容问题:
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显示地图信息
0 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 定位当前城市信息
- 冒泡排序,插入排序,选择排序和快速排序-C语言
- Git 基本操作
- 素数算法大全
- C#系列教程一:C#的前世今生,VS了解
- wo
- HTML5地理定位,百度地图API,知识点熟悉
- 【NOJ】1049 飞机最少换乘次数问题
- Git 安装配置
- 使用 Git & Repo 下载代码
- Git 忽略文件
- yunfile网赚网盘
- Git rebase
- javah生成jni文件
- ziji