使用百度地图获取手机GPS定位
【摘要】
Grolocation的功能有多钟，如果在电脑端的浏览器使用此方法，api会取你本机的外网ip地址来定位，
如果是用手机浏览器使用此方法，api会获取你的GPS进行定位，当然啦，使用之前都是需要先经过你同意才行的,
我把它加入到了百度地图行程和轨迹中，需要的可自行下载点击打开链接
不多说，直接上代码
<html><h...
Grolocation的功能有多钟，如果在电脑端的浏览器使用此方法，api会取你本机的外网ip地址来定位，
如果是用手机浏览器使用此方法，api会获取你的GPS进行定位，当然啦，使用之前都是需要先经过你同意才行的,
我把它加入到了百度地图行程和轨迹中，需要的可自行下载点击打开链接
不多说，直接上代码
-
<html>
-
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
-
<style type="text/css">
-
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
-
</style>
-
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
-
<title>浏览器定位</title>
-
</head>
-
<body>
-
<div id="allmap"></div>
-
</body>
-
</html>
-
<script type="text/javascript">
-
// 百度地图API功能
-
var map = new BMap.Map("allmap");
-
var point = new BMap.Point(116.331398,39.897445);
-
map.centerAndZoom(point,12);
-
-
var geolocation = new BMap.Geolocation();
-
geolocation.getCurrentPosition(function(r){
-
if(this.getStatus() == BMAP_STATUS_SUCCESS){
-
var mk = new BMap.Marker(r.point);
-
map.addOverlay(mk);
-
map.panTo(r.point);
-
alert('您的位置：'+r.point.lng+','+r.point.lat);
-
}
-
else {
-
alert('failed'+this.getStatus());
-
}
-
},{enableHighAccuracy: true})
-
//关于状态码
-
//BMAP_STATUS_SUCCESS 检索成功。对应数值“0”。
-
//BMAP_STATUS_CITY_LIST 城市列表。对应数值“1”。
-
//BMAP_STATUS_UNKNOWN_LOCATION 位置结果未知。对应数值“2”。
-
//BMAP_STATUS_UNKNOWN_ROUTE 导航结果未知。对应数值“3”。
-
//BMAP_STATUS_INVALID_KEY 非法密钥。对应数值“4”。
-
//BMAP_STATUS_INVALID_REQUEST 非法请求。对应数值“5”。
-
//BMAP_STATUS_PERMISSION_DENIED 没有权限。对应数值“6”。(自 1.1 新增)
-
//BMAP_STATUS_SERVICE_UNAVAILABLE 服务不可用。对应数值“7”。(自 1.1 新增)
-
//BMAP_STATUS_TIMEOUT 超时。对应数值“8”。(自 1.1 新增)
-
</script>
文章来源: yexindong.blog.csdn.net，作者：java叶新东老师，版权归原作者所有，如需转载，请联系作者。
原文链接：yexindong.blog.csdn.net/article/details/80774898
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）