h5的Geolocation定位

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>h5获取定位信息</title>
 6     </head>
 7     <body>
 8         <input type="button" value="获取定位信息"  onclick="showPos()"/>
 9     </body>
10     <script>
11         function showPos(){
12             if(navigator.geolocation==='undefined'){
13             alert('你的设备不支持h5定位');
14             }
15             function successCallback(position){
16                 for(var props in position.coords){
17                     document.writeln(props+':'+position.coords[props]+'
');
18                 }
19                 
20                     document.writeln('timeStamp:'+new Date(position.timestamp).toLocaleDateString()+'
');
21                 
22             }
23             function errCallback(err){
24                 alert(err.message)
25             }
26         
27         navigator.geolocation.getCurrentPosition(successCallback,errCallback);
28         }
29     </script>
30 </html>
效果：（记得翻墙呀，这是google地图）