谷歌浏览器暂不支持
1、引入百度地图api和jq

<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的秘钥&s=1"></script>
<script src="https://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

2、获取经纬度和省市区

 $(function () {// 页面加载时执行getLocation函数window.onload = getLocation;if (supportsGeoLocation()) {//alert("你的浏览器支持 GeoLocation.");} else {alert("不支持 GeoLocation.")}// 检测浏览器是否支持HTML5function supportsGeoLocation() {return !!navigator.geolocation;}// 单次位置请求执行的函数             function getLocation() {navigator.geolocation.getCurrentPosition(mapIt, locationError);}//定位成功时,执行的函数function mapIt(position) {lon = position.coords.longitude;lat = position.coords.latitude;// alert("您位置的经度是:" + lon + " 纬度是:" + lat);}// 定位失败时,执行的函数function locationError(error) {console.log(error);switch (error.code) {case error.PERMISSION_DENIED:alert("无法定位.");break;case error.POSITION_UNAVAILABLE:alert("位置信息不可用.");break;case error.TIMEOUT:alert("请求超时.");break;case error.UNKNOWN_ERROR:alert("未知错误.");break;}}})

注:代码仅供参考

js获取浏览器当前经纬度信息相关推荐

  1. JS获取浏览器类型和版本信息

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. js 获取浏览器版本信息(全)

    原文地址 js 获取浏览器版本信息(全) 觉得挺不错的,所以就收藏起来 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona ...

  3. js获取浏览器滚动条距离顶端的距离

    js获取浏览器滚动条距离顶端的距离 一.jQuery获取的相关方法   jquery 获取滚动条高度 获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 : ...

  4. 如何获得当前屏幕顶端距离整个页面最上端的距离(即js获取浏览器滚动条距离顶端的距离)

    最近在做项目的时候遇到需要用js获取滚动条距离窗口顶端的距离和js获取浏览器可视化窗口的大小,在这儿做一个整理保存:    一.jQuery获取的相关方法 Js代码   jquery 获取滚动条高度 ...

  5. js获取浏览器当前时间

    js获取浏览器当前时间:格式:2020-05-18 10:44:40 <script type="text/javascript">var nowDate=new Da ...

  6. JS获取浏览器高度 并赋值给类

    JS获取浏览器宽高的兼容写法: var w = window.innerWidth || document.documentElement.clientWidth || document.body.c ...

  7. [完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器...

    [完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器 原文:[完美]原生JS获取浏览器版本判 ...

  8. 编辑器js获取浏览器高度和宽度值(转)

    js获取浏览器高度和宽度值 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: docume ...

  9. js获取浏览器语言(ie、ff、chrome)、contextpath

    js获取浏览器语言(ie.ff.chrome).contextpath /js获取浏览器语言(ie.ff.chrome) Java代码   var language_en_us = "en- ...

最新文章

  1. 解决RecycleView 嵌套 RecycleView 显示不全的问题
  2. html怎样获取画面项目的坐标,如何使用HTML5实现地理位置的获取
  3. J2ME程序开发新手入门九大要点
  4. W32.Downedup.B顽固病毒——查杀记
  5. u-boot编译过程分析
  6. 1084. Broken Keyboard (20)
  7. java8 supplier 接口
  8. python写入文字到txt只写入最后一行_python文件写入:向txt写入内容的设置
  9. [js] ajax请求地址只支持http/https吗?能做到让它支持rtmp://等其它自定义协议吗 ?
  10. oracle 10.2.0.1升级到10.2.0.4
  11. Jetty 与 Tomcat
  12. Shell编程之运算
  13. autohotkey 双击
  14. 小孔子内容管理系统V2.0测试
  15. 国内物联网平台初探(八):中移物联网开放平台OneNet
  16. 201671030116宋菲菲 词频统计软件项目报告
  17. java毕业设计_汽车租赁系统
  18. 【OpenCV】Mango的OpenCV学习笔记【三】
  19. 重写equals()方法
  20. 关于前端开发中的模块化理解

热门文章

  1. Ubuntu20下载安装百度网盘、deb包用软件安装打开显示不支持的解决办法
  2. springboot给mongodb添加索引
  3. python 列表内容去重
  4. C#多线程之BackgroundWorker
  5. 如何用两块硬盘做磁盘阵列的教程Raid 1
  6. HTML5网页播放器,实现播放本地文件
  7. Flask框架连接mysql数据库
  8. Defy精简文件 让你的手机跑的更快
  9. 31:Candies
  10. 简简的语法1:句子的组成和意义