获取当前位置和经纬度

时间:2019-03-21
本文章向大家介绍获取当前位置和经纬度,主要包括获取当前位置和经纬度使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
<html>
<head lang="en">
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no"
name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<title></title>

</head>
<body>

<div id="ap"></div>
<script type="text/javascript" src="http://www.mohuansi.com/templets/mb/js/jquery-1.9.1.min.js"></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=8M81lMDiKGnpmvz2KAFIQf7DZfhV5Wu7"></script>
<script type="text/javascript">
//获取当前位置
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
mk = new BMap.Marker(r.point);
getAddress(r.point);
}else {
alert('failed'+this.getStatus());
}
});
//获取地址信息,设置地址label
function getAddress(point){
var gc = new BMap.Geocoder();
gc.getLocation(point, function(rs){
// console.log(rs)
var addComp = rs.addressComponents;
var poin=rs.point;

$('#ap').append("经度:"+poin.lng+"纬度:"+poin.lat)
var address = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber;//获取地址
console.log(address);
$('#ap').append(address)
});

}
</script>

 

</body>
</html>