html5定位
来源:互联网 发布:笔记本软件限制策略 编辑:程序博客网 时间:2024/05/16 05:12
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>定位地理位置</title>
<!-- 百度API接口 -->
<script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>
<script>
function getLocation(){
var options={
enableHighAccuracy:true,
maximumAge:1000
}
if(navigator.geolocation){
//浏览器支持geolocation
navigator.geolocation.getCurrentPosition(onSuccess,onError,options);
}else{
//浏览器不支持geolocation
alert('您的浏览器不支持地理位置定位');
}
}
//成功时
function onSuccess(position){
//返回用户位置
//经度
var longitude =position.coords.longitude;
//纬度
var latitude = position.coords.latitude;
/*alert('经度'+longitude+',纬度'+latitude);*/
//根据经纬度获取地理位置,不太准确,获取城市区域还是可以的
var map = new BMap.Map("allmap");
var point = new BMap.Point(longitude,latitude);
var gc = new BMap.Geocoder();
gc.getLocation(point, function(rs){
var addComp = rs.addressComponents;
alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
});
}
//失败时
function onError(error){
switch(error.code){
case 1:
alert("位置服务被拒绝");
break;
case 2:
alert("暂时获取不到位置信息");
break;
case 3:
alert("获取信息超时");
break;
case 4:
alert("未知错误");
break;
}
}
window.onload=getLocation;
</script>
</head>
<body>
</body>
</html>
<html>
<head>
<meta charset="utf-8"/>
<title>定位地理位置</title>
<!-- 百度API接口 -->
<script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>
<script>
function getLocation(){
var options={
enableHighAccuracy:true,
maximumAge:1000
}
if(navigator.geolocation){
//浏览器支持geolocation
navigator.geolocation.getCurrentPosition(onSuccess,onError,options);
}else{
//浏览器不支持geolocation
alert('您的浏览器不支持地理位置定位');
}
}
//成功时
function onSuccess(position){
//返回用户位置
//经度
var longitude =position.coords.longitude;
//纬度
var latitude = position.coords.latitude;
/*alert('经度'+longitude+',纬度'+latitude);*/
//根据经纬度获取地理位置,不太准确,获取城市区域还是可以的
var map = new BMap.Map("allmap");
var point = new BMap.Point(longitude,latitude);
var gc = new BMap.Geocoder();
gc.getLocation(point, function(rs){
var addComp = rs.addressComponents;
alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
});
}
//失败时
function onError(error){
switch(error.code){
case 1:
alert("位置服务被拒绝");
break;
case 2:
alert("暂时获取不到位置信息");
break;
case 3:
alert("获取信息超时");
break;
case 4:
alert("未知错误");
break;
}
}
window.onload=getLocation;
</script>
</head>
<body>
</body>
</html>
0 0
- html5定位
- Html5定位
- html5定位
- HTML5开发 地理位置定位
- HTML5 地理定位
- HTML5 地理定位
- HTML5 - 使用地理定位
- HTML5 地理位置定位
- Lesson09:HTML5 地理定位
- HTML5 地理定位
- HTML5 地理定位
- HTML5的定位接口
- HTML5 地理定位
- HTML5定位+百度地图
- HTML5初窥7--定位
- html5 地理定位
- html5---百度地图定位
- HTML5地理位置定位 lbs
- Arraylist gossip
- Animator与Animation之间的互转
- 大数 A*B
- POJ - 1065 Wooden Sticks(DP 子序列问题)
- 定制ListView的几个步骤
- html5定位
- 【Boost】Boost使用几条简单笔记
- CentOS 7.2 Mitaka云平台计算节点部署脚本(VLAN+VXLAN私有网络)
- KMP算法
- 顺序栈&链栈
- CodeForce 711B
- 80行代码搞定菜单展开动画
- Vim 添加中文帮助文档
- Android URI