上代码:

window.onload = function() {
if (navigator.geolocation)  {navigator.geolocation.getCurrentPosition(function(pos) {$(“lat”).innerHTML =  pos.coords.latitude;//纬度$(“lon”).innerHTML =  pos.coords.longitude;// 经度$(“alt”).innerHTML =  pos.coords.altitude;//高度
        },function() {},{enableHighAccuracy:true,  maximumAge:600000});
} else {$("status").innerHTML = '你的浏览器不支持';
}

- 部分浏览器可以提供更详细的地址信息

{"coords":
..// ...
"address":
{"streetNumber":"6","street":"Postgasse",
"premises":null,"c ity":"Murnau am Staffelsee",
"county":"Garmisch ‐Partenkirchen","region":"Bavaria",
"country":"Germany","countryCode":"DE",
"postalCode":"82418","contractID":"",
"classDescription":"wifi geo position address  object",
// ...
},
// ...
}

转载于:https://www.cnblogs.com/xgao/p/4200963.html

HTML5之地理信息应用 获取自己的位置相关推荐

  1. html自动获取用户位置,HTML5 - 使用Geolocation(地理定位)获取用户的位置

    一.Geolocation(地理定位) 1,基本介绍 (1)虽然 Geolocation 经常以 HTML5 的名义提到,但地理定位实际上是一个单独的标准,而且也不是经由 WHATWG 制定的. (2 ...

  2. html5获取我的位置并在百度地图上显示

    html5获取我的位置并在百度地图上显示 一.前言 二.在线演示和GitHub源码 一.前言 最近有兴趣研究了下移动端的地图api,发现其实挺简单的,HTML5也提供了地理位置API:Geolocat ...

  3. html自动获取用户位置,html5获取用户当前位置

    支持地理定位的浏览器有IE9+.Firefox 3.5+ .Opera 10.6+ .Safari 5+ .Chrome.iOS 版Safari.Android版WebKit. navigator.g ...

  4. html怎样获取画面项目的坐标,如何使用HTML5实现地理位置的获取

    现在的移动端大部分都带有GPS定位功能,一方面可以利用基站获取位置,另一方面可以用GPS芯片精确定位,那么我们在前端开发的过程中,如何在用户同意分享地理位置的情况下获取精确的定位信息呢?本文向大家展示 ...

  5. 如何获取用户当前位置并生成国际拨号前缀+验证不同国家的手机号格式

    文章目录 前言 一.引入并启用API 二.js和html页面代码 1.js代码 2.html代码 三.将原生js写在vue项目中 前言 该demo使用了HTML5的Geolocation API和Go ...

  6. H5使用百度地图SDK获取用户当前位置并且标记显示在地图

    代码实现功能: H5使用百度地图SDK获取用户当前位置并且标记显示在地图,点击该标记弹出一层自定义的HTML. 效果图: 代码: <!DOCTYPE html> <html>& ...

  7. Swift 使用CoreLocation获取定位与位置信息

    大多数情况下APP会在开启应用的时候获取当前的位置,所以我写在APPDelegate里 第一步 import CoreLocationvar locationManager = CLLocationM ...

  8. 根据经纬度获取用户当前位置信息

    根据上篇文章获取的经纬度获取用户当前的位置信息 //获取用户所在位置信息ADDRESS func getUserAddress() { let latitude : CLLocationDegrees ...

  9. html5自定义属性作用,html5自定义属性:如何获取自定义属性值(附代码)

    这篇文章给大家介绍的内容是关于html5自定义属性:如何获取自定义属性值(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 自定义属性: 在HTML5中我们可以自定义属性,其格 ...

最新文章

  1. 通讯速率_什么是通讯?
  2. 【收藏】Vue中ref和$refs的介绍及使用
  3. java list断点续传_java实现文件断点续传下载功能
  4. Android下常见终端模拟器和SSH客户端感受及几个Tips
  5. button按钮怎么实现超链接
  6. SQL获取变量类型以及变量最大长度
  7. chrome浏览器开发者模式header请求参数“Request Payload“找不到的问题
  8. java函数改变参数值_Java函数参数值正在改变
  9. tcpdump抓取无效TCP标志数据包表达式
  10. CSS盒子模型、Boder基础
  11. 淡泊以明志,宁静而致远
  12. BZOJ1777: [Usaco2010 Hol]rocks 石头木头
  13. IP电话系统和VoIP系统使用指南
  14. 写任务,列清单-4D工作法
  15. 匹配输入华为:编程实现联想输入法 输入联想功能是非常实用的一个功能,请编程实现类似功能...
  16. 从淘宝网买衣服, 感受淘宝
  17. openGL入门(二)用openGL绘制带有对角线的正六边形
  18. 计算机网络的ask表示啥,计算机网络理论知识:物理层
  19. Object Detection in 20 years:A Survey 整理
  20. 远东宏信2018年收入254亿元,同比大幅增长35%

热门文章

  1. NB-IoT标准落定 规模商用还需跨过成本关
  2. 应该始终以PreparedStatement代替Statement
  3. .NET:命令行解析器介绍
  4. CentOS5.5支持ntfs文件系统
  5. 源文件的编码会对编译结果有影响
  6. 易语言操作mysql数据库
  7. Autodesk Maya 2019中文版
  8. 【Linux系统】Linux命令之文件管理
  9. PHP Liunx 服务安全防范方案
  10. PHP.ini的register_globals参数