地理定位

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. </head>
  6. <body>
  7. <div id="demo">
  8. </div>
  9. <script type="text/javascript">
  10. var demo = document.querySelector("#demo");
  11. if(navigator.geolocation){
  12. navigator.geolocation.getCurrentPosition(successCallback,errCallback);//获取当前地理信息
  13. navigator.geolocation.watchPosition(successCallback,errCallback);//重复获取当前地理信息
  14. }
  15. function successCallback(pos){
  16. //成功的回调函数
  17. console.log("当前纬度是:"+pos.coords.latitude);
  18. console.log("当前纬度是:"+pos.coords.longitude);
  19. demo.innerHTML="latitude:"+pos.coords.latitude+"<br/>longitude:"+pos.coords.longitude
  20. };
  21. function errCallback(err){
  22. //失败的回调函数
  23. console.log(err)
  24. demo.innerHTML="获取失败";
  25. };
  26. // latitude:23.127171162500854
  27. // longitude:113.38968824437185
  28. </script>
  29. </body>
  30. </html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值