js 如何在浏览器中获取当前位置的经纬度

这个有一定的误差哈，具体的误差是多少，有兴趣的朋友可以去测试下

直接上代码

index.html页面代码：

<html>
<head lang="en"><meta charset="utf-8"><meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no"name="viewport"><meta content="yes" name="apple-mobile-web-app-capable"><meta content="black" name="apple-mobile-web-app-status-bar-style"><meta content="telephone=no" name="format-detection"><title>浏览器中获取当前经纬度</title><link href="../addons/weilive/style/css/user.css" rel="stylesheet"><script src="baiduposition.js" type="text/javascript"></script><script src="http://api.map.baidu.com/api?v=2.0&amp;ak=s6vFvPKgaEnI2ImqBpKGDj0m"></script><script src="http://api.map.baidu.com/getscript?v=2.0&amp;ak=s6vFvPKgaEnI2ImqBpKGDj0m&amp;services=&amp;t=20160401164342"type="text/javascript"></script>
</head>
<body><div class="app-view"><a style="cursor: pointer;" οnclick="baiduPosition(35);" class="z-sel"><span>获取经纬度</span></a></div><script type="text/javascript">//该js函数是必须要的不然要报错
        function positions(json, cid) {//可以获取到了地理位置，跳转页面，然后在跳转的页面在获取经纬度的值//window.location.href = "./index.php?i=5&amp;c=entry&amp;do=list&amp;m=weilive&amp;cid=" + cid + "&amp;lng=" + json['lng'] + "&amp;lat=" + json['lat'];//alert(json['lng']);
        }</script>
</body>
</html>

baiduposition.js代码

document.write("<script src='http://api.map.baidu.com/api?v=2.0&ak=s6vFvPKgaEnI2ImqBpKGDj0m'></script>");
function baiduPosition(cid){var geolocation = new BMap.Geolocation();geolocation.getCurrentPosition(function(r){if(this.getStatus() == BMAP_STATUS_SUCCESS){var position = {lng: r.point.lng,lat: r.point.lat}if(cid == 'sort'){sort(position);} else {positions(position, cid);}alert('您的位置：'+r.point.lng+','+r.point.lat);}else {//alert('获取当前位置失败,请确定您开启了定位服务');
        }        },{enableHighAccuracy: true});
}

具体的效果图如下：

点击【位置共享信息】后，等几秒中就会弹出提示信息，我上面的js代码把alert注释了咯，需要的把注释取消就能看见效果了哈

转载于:https://www.cnblogs.com/LoveQin/p/5345753.html

js 如何在浏览器中获取当前位置的经纬度相关推荐

android获取当前位置经纬度,Android中通过GPS或NetWork获取当前位置的经纬度
今天在Android项目中要实现一个通过GPS或NetWork来获取当前移动终端设备的经纬度功能.要实现该功能要用到Android Framework 中的 LocationManager 类.下面我 ...
python 打印当前行号_python中获取当前位置所在的行号和函数名（转）
http://www.vimer.cn/2010/12/%E5%9C%A8python%E4%B8%AD%E8%8E%B7%E5%8F%96%E5%BD%93%E5%89%8D%E4%BD%8D%E7 ...
html调用腾讯地图定位当前位置,vue web项目中调用腾讯地图API获取当前位置的经纬度...
vue web项目中调用腾讯地图API获取当前位置的经纬度 vue web项目中调用腾讯地图API获取当前位置的经纬度在main.js 中添加一下代码 import axios from 'axio ...
JavaScript 中获取光标位置
1.概念和原理 DOM中并没有直接获取光标位置的方法,那么我们只能间接来获取光标位置.DOM支持获取光标选中的范围,我们可以以此为切入点,来获取或定位光标的位置,当选取范围起始点和结束点一样时,就是光 ...
android网络获取经纬,Android中透过GPS或NetWork获取当前位置的经纬度
Android中通过GPS或NetWork获取当前位置的经纬度 private double latitude=0.0; private double longitude =0.0; Location ...
html5获取当前坐标,HTML5教程如何获取当前位置的经纬度
本篇教程探讨了HTML5教程如何获取当前位置的经纬度,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < 是想让地图的定位用户位置更准确一些. 查看了介绍: h ...
html5经纬度定位源码_HTML5教程如何获取当前位置的经纬度
本篇教程探讨了HTML5教程如何获取当前位置的经纬度,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < 是想让地图的定位用户位置更准确一些. 查看了介绍: h ...
微信小程序-获取用户位置（经纬度+所在城市）
微信小程序-获取用户位置(经纬度+所在城市) 文章目录微信小程序-获取用户位置(经纬度+所在城市) 一.目标二.实现思路三.实现步骤 3.1 用到的接口函数 3.2 具体步骤 3.2.1 创建界 ...
UWP Windows10开发获取设备位置（经纬度）
UWP Windows10开发获取设备位置(经纬度) 原文:UWP Windows10开发获取设备位置(经纬度) 1.首先要在UWP项目的Package.appxmanifest文件中配置位置权限,如 ...
vue3定位当前位置，获取当前位置的经纬度
vue3定位当前位置,获取当前位置的经纬度注意事项(访问地址必须是https) 获取当前位置经纬度注意事项(访问地址必须是https) 在vue.config.js文件内设置https:true, ...

js 如何在浏览器中获取当前位置的经纬度

js 如何在浏览器中获取当前位置的经纬度相关推荐

最新文章

热门文章