mui获取经纬度和地址信息(百度地图 javascript api)

首先,介绍实现的原理:

通过使用百度地图提供的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+调用系统的功能,所以必须在手机真机上进行测试。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值