最近在练前端,看到geolocation的时候,遇到了一个问题,不知该如何解决。代码如下:
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="modernizr.js"></script>
</head>
<body>
<div id="loc">
location message.
</div>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="test2.js"></script>
</body>
</html>
JS:
//获取地理位置
var elMap=document.getElementById('loc');
var msg="Sorry,we can't get the location!";
if (Modernizr.geolocation) {
navigator.geolocation.getCurrentPosition(success,fail);
elMap.textContent='Checking location......';
}
else {
elMap.textContent=msg;
}
function success(position){
msg='<h3>Longitude:<br>';
msg+=position.coords.longitude+'</h3>';
msg+='<h3>Latitude:<br>';
msg+=position.coords.latitude+'</h3>';
elMap.textContent=msg;
};
function fail(msg){
elMap.textContent=msg;
console.log(msg.code);}
运行后的结果是先显示一段时间的“Check location......”,然后就显示“[object PositionError]”。
该如何解决呢???
PS:技术小白,真心求教。