使用百度获取地理位置信息-当前定位
- 第一步：需要在百度地图开发者平台创建一个应用:http://lbsyun.baidu.com/apiconsole/key/create
配置信息
配置信息.png
申请配置成功以后返回一个AK
image.png
- 第二步：引入百度地图的js脚本，地址为http://api.map.baidu.com/api?v=2.0&ak=(申请应用的AK)
image.png
-第三步：通过BMap.Geolocation()和getCurrentPosition(function(){})函数进行定位操作，代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>my-project</title>
<script src="http://api.map.baidu.com/api?v=2.0&ak=6OGlGoy7WI8K47Eb7gqwB51ZjP5zQYy8ttt"></script>
</head>
<body>
<p id="demo">点击这个按钮，获得您的坐标：</p>
*******************************************************
<p id="demo1"></p>
<p><button onclick="getLocation()">试一下1</button></p>
*******************************************************
<script>
function getLocation(){
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());
}
});
}
</script>
</body>
</html>
参考：
https://www.136.la/shida/show-367926.html
https://lbsyun.baidu.com/index.php?title=jspopular3.0/guide/geolocation
网友评论