<!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>
<style>
#btn{
height: 50px;
line-height: 50px;
text-align: center;
border: solid 1px #DDDDDD;
}
</style>
</head>
<body>
<div id="btn">
获取位置
</div>
<script>
var options = {
enableHighAccuracy: true,
timeout: 5000,
maximumAge: 0
};
function success(pos) {
var crd = pos.coords;
alert(JSON.stringify(pos))
alert("success")
console.log('Your current position is:');
console.log('Latitude : ' + crd.latitude);
console.log('Longitude: ' + crd.longitude);
console.log('More or less ' + crd.accuracy + ' meters.');
};
function error(err) {
alert("fail")
console.warn('ERROR(' + err.code + '): ' + err.message);
};
document.getElementById("btn").addEventListener("click",function(){
navigator.geolocation.getCurrentPosition(success, error, options);
})
</script>
</body>
</html>
用的是高德地图定位么?
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。