h5的Geolocation定位

最新推荐文章于 2024-04-25 15:05:53 发布

weixin_30793643

最新推荐文章于 2024-04-25 15:05:53 发布

阅读量98

点赞数

原文链接：http://www.cnblogs.com/gaoxuerong123/p/7811263.html

版权

 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]+'\n');
18                 }
19                 
20                     document.writeln('timeStamp:'+new Date(position.timestamp).toLocaleDateString()+'\n');
21                 
22             }
23             function errCallback(err){
24                 alert(err.message)
25             }
26         
27         navigator.geolocation.getCurrentPosition(successCallback,errCallback);
28         }
29     </script>
30 </html>

效果：（记得FQ呀，这是google地图）

转载于:https://www.cnblogs.com/gaoxuerong123/p/7811263.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30793643

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
h5的Geolocation定位

1. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>h5获取定位信息</title> 6 </head> 7 <body>...
复制链接

扫一扫