0
点赞
收藏
分享

微信扫一扫

HTML5+规范API-地理位置获取

探头的新芽 2022-04-25 阅读 51

完整代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
</head>
<body>
	<script type="text/javascript" charset="utf-8">
	  	mui.init();
	</script>
	<script type="text/javascript">
		mui.plusReady(function(){
			// 地理位置定位对象plus.geolocation(需要开启手机的地理位置定位)
			plus.geolocation.getCurrentPosition(function(position){
				var country = position.address.country; //国家
				var province = position.address.province;  //省份
				var city = position.address.city;  //城市名称
				var district = position.address.district;  //区(县)名称
				var street = position.address.street;  //街道信息
				var streeNum = position.address.streetNum; //获取街道门牌号信息
				alert(country+province+city+district+street+streeNum);
			},function(error){
				
			},{
				enableHighAccuracy:true,
				timeout:3000,
				provider:"amap"
			});
			
			// 监测地理位置信息
			plus.geolocation.watchPosition(function(position){
				
			},function(error){
		
			},{
				maximumAge:5000,// maximumAge获取位置信息的间隔时间
			});
		})
	</script>
</body>
</html>

效果展示
在这里插入图片描述

举报

相关推荐

0 条评论