设为首页收藏本站淘宝杂货铺
切换到宽版

从F到0 - From F to 0

 找回密码
 注册已关闭
搜索
从F到0 - From F to 0»首页 › 网页编程 › PHP/MySQL/H5C3/JavaScript › HTML5+JavaScript 通过手机浏览器进行GPS定位并获取经纬 ...
返回列表 发新帖
查看: 1715|回复: 1
收起左侧

[JavaScript] HTML5+JavaScript 通过手机浏览器进行GPS定位并获取经纬度的实现方法

[复制链接]
樱桃
发表于 2018-4-28 21:31:57 | 显示全部楼层 |阅读模式

  2. <html>
  3. <head>
  4. <title>JavaScript - GPS</title>
  5. </head>
  6. <body>
  7. 请允许浏览器APP以及网页允许定位并在开阔地段进行，否则可能会定位失败。<br/>
  8. <p id="demo">点击按钮获取位置</p>
  9. <button onclick="getLocation()">开始定位</button>
  10. <script>
  11. var x=document.getElementById("demo");
  12. function getLocation(){
  13.   if (navigator.geolocation){ //检查是否支持定位
  14.     navigator.geolocation.getCurrentPosition(showPosition,showError);
  15.     }else{
  16.         x.innerHTML="浏览器不支持地理定位";
  17.         }
  18.   }
  19. function showPosition(position)
  20.   {
  21.         var longitude = position.coords.longitude;                         //经度
  22.         var latitude =  position.coords.latitude;                          //纬度

  24.   x.innerHTML="经度:"+longitude+" 纬度:"+latitude;

  26.   }
  27. function showError(error)
  28.   {
  29.   switch(error.code)
  30.     {
  31.     case error.PERMISSION_DENIED:
  32.       x.innerHTML="用户拒绝定位请求"
  33.       break;
  34.     case error.POSITION_UNAVAILABLE:
  35.       x.innerHTML="定位失败"
  36.       break;
  37.     case error.TIMEOUT:
  38.       x.innerHTML="定位超时"
  39.       break;
  40.     case error.UNKNOWN_ERROR:
  41.       x.innerHTML="未知错误"
  42.       break;
  43.     }
  44.   }
  45. </script>
  46. </body>
  47. </html>
复制代码
回复

举报

1心1亿
发表于 2018-4-28 22:30:46 | 显示全部楼层
这玩意还能有这功能，懵....
回复 支持 反对

举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册已关闭

本版积分规则

QQ|手机版|Archiver|从F到0 ( 蒙ICP备17002595号-1 )
蒙公网安备15010402000325号

腾讯云安全认证

GMT+8, 2024-4-24 09:36 , Processed in 0.827047 second(s), 17 queries .

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表