首先,介绍实现的原理:
通过使用百度地图提供的api进行开发。参考的是百度地图官方的javascript api文档。点击进入官方文档地址
在这之前,首先得获得百度地图api 的秘钥,头部引入需要:
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的秘钥"></script>
秘钥获取方法:可访问官方文档教程:点击查看教程
下面直接上代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>javascript实现地理位置获取</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6AalujvIC4dVAH6KQUbQATTIKyoXcxpP"></script>
</head>
<body>
<button onclick="test()">获取经纬度</button>
<script type="text/javascript">
// 获取当前经纬度和地址详细信息
function xuwei2() {
plus.geolocation.getCurrentPosition(MapPoint, function(e) {
mui.toast("error:" + e.message);
})
}
function MapPoint(position) {
var Lon = position.coords.longitude; //获取经度
var Lat = position.coords.latitude; //获取纬度
var address = "当前地址:" + position.address.province + "," + position.address.city + "," + position.address.district + "," + position.address.street + "," + position.address.streetNum;
alert("经度:"+Lon + "," + "纬度:" + Lat + ";" + "地址信息:" + address);
}
</script>
</body>
</html>
提示:由于这是移动端的demo,使用h5+调用系统的功能,所以必须在手机真机上进行测试。