js获取浏览器当前经纬度信息
谷歌浏览器暂不支持
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获取浏览器当前经纬度信息相关推荐
- JS获取浏览器类型和版本信息
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- js 获取浏览器版本信息(全)
原文地址 js 获取浏览器版本信息(全) 觉得挺不错的,所以就收藏起来 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona ...
- js获取浏览器滚动条距离顶端的距离
js获取浏览器滚动条距离顶端的距离 一.jQuery获取的相关方法 jquery 获取滚动条高度 获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 : ...
- 如何获得当前屏幕顶端距离整个页面最上端的距离(即js获取浏览器滚动条距离顶端的距离)
最近在做项目的时候遇到需要用js获取滚动条距离窗口顶端的距离和js获取浏览器可视化窗口的大小,在这儿做一个整理保存: 一.jQuery获取的相关方法 Js代码 jquery 获取滚动条高度 ...
- js获取浏览器当前时间
js获取浏览器当前时间:格式:2020-05-18 10:44:40 <script type="text/javascript">var nowDate=new Da ...
- JS获取浏览器高度 并赋值给类
JS获取浏览器宽高的兼容写法: var w = window.innerWidth || document.documentElement.clientWidth || document.body.c ...
- [完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器...
[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器 原文:[完美]原生JS获取浏览器版本判 ...
- 编辑器js获取浏览器高度和宽度值(转)
js获取浏览器高度和宽度值 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: docume ...
- js获取浏览器语言(ie、ff、chrome)、contextpath
js获取浏览器语言(ie.ff.chrome).contextpath /js获取浏览器语言(ie.ff.chrome) Java代码 var language_en_us = "en- ...
最新文章
- 解决RecycleView 嵌套 RecycleView 显示不全的问题
- html怎样获取画面项目的坐标,如何使用HTML5实现地理位置的获取
- J2ME程序开发新手入门九大要点
- W32.Downedup.B顽固病毒——查杀记
- u-boot编译过程分析
- 1084. Broken Keyboard (20)
- java8 supplier 接口
- python写入文字到txt只写入最后一行_python文件写入:向txt写入内容的设置
- [js] ajax请求地址只支持http/https吗?能做到让它支持rtmp://等其它自定义协议吗 ?
- oracle 10.2.0.1升级到10.2.0.4
- Jetty 与 Tomcat
- Shell编程之运算
- autohotkey 双击
- 小孔子内容管理系统V2.0测试
- 国内物联网平台初探(八):中移物联网开放平台OneNet
- 201671030116宋菲菲 词频统计软件项目报告
- java毕业设计_汽车租赁系统
- 【OpenCV】Mango的OpenCV学习笔记【三】
- 重写equals()方法
- 关于前端开发中的模块化理解