首页 > 其他分享 >浏览器获取当前位置经纬度

浏览器获取当前位置经纬度

时间:2022-09-20 12:01:43浏览次数:55  
标签:function 浏览器 经纬度 point addComp cid 获取 var lng

<script type="text/javascript">
    //获取当前位置
    var geolocation = new BMap.Geolocation();
    geolocation.getCurrentPosition(function(r){
        if(this.getStatus() == BMAP_STATUS_SUCCESS){
            mk = new BMap.Marker(r.point);
            getAddress(r.point);
        }else {
            alert('failed'+this.getStatus());
        }
    });
    //获取地址信息,设置地址label
    function getAddress(point){
        var gc = new BMap.Geocoder();
        gc.getLocation(point, function(rs){
            var addComp = rs.addressComponents;
            var address =  addComp.province +  addComp.city + addComp.district + addComp.street + addComp.streetNumber;//获取地址
            console.log(address);
        });

    }
</script>

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&ak=s6vFvPKgaEnI2ImqBpKGDj0m"></script>
    <script src="http://api.map.baidu.com/getscript?v=2.0&ak=s6vFvPKgaEnI2ImqBpKGDj0m&services=&t=20160401164342"
        type="text/javascript"></script>
</head>
<body>
    <div class="app-view">
        <a style="cursor: pointer;" onclick="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&c=entry&do=list&m=weilive&cid=" + cid + "&lng=" + json['lng'] + "&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});
}

标签:function,浏览器,经纬度,point,addComp,cid,获取,var,lng
From: https://www.cnblogs.com/leepandar/p/16710548.html

相关文章

  • 前端微信登录获取code,userInfo,openid
    getUser(e){wx.getUserProfile({desc:'用户完善会员资料',success:res=>{l......
  • 从网易获取股票数据
    importurllib.requestimportre##defdownback(a,b,c):##''''##a:已经下载的数据块##b:数据块的大小##c:远程文件的大小##'''##per=1......
  • 利用异步交互获取当前时间年月日小时分钟秒 并且渲染到网页
    首先先在网页中创建一个盒子这是CSS部分  这是HTML部分  这是JS部分 输出效果自动刷新时间 ......
  • arp 断网 获取截图 获取密码
    1.ARP断网   通过上面命令进行扫描得到局域网主机信息 先测试目标靶机是否能够正常上网   接下来进行ARP攻击,发现机器已经不能够正常上网arpspoof-i......
  • 获取VIP歌曲
    """分析需求1,确定目标网址2,获取目标网址的所有数据3,筛选我们想要的数据4,下载歌曲保存"""importosimportrequests#模拟浏览器浏览网页第三方库工具包si......
  • java 获取用户输入
    /*如何从键盘获取不同类型的变量:需要使用Scanner类1.导包:importjava.util.Scanner;2.Scanner的实例化:Scannerscan=newScanner(System.in);3.调用Scanner类的相关......
  • Python获取以前的日期或以后的日期
    importdatetimefromdateutil.relativedeltaimportrelativedeltat=datetime.datetime.now()#当前日期d=datetime.date.today()print(d)#1天前d1=d-rel......
  • Python获取UTC时间
    fromdatetimeimportdatetime,timedeltanow_time=datetime.now()utc_time=now_time-timedelta(hours=8)#减去8小时utc_time=utc_time.strftime("%Y-%m-%......
  • 集成部署 2-jenkins获取git轮询查询
    一:配置  二:构建任务配置中配置git     三:轮询查询最后保存     看git拉取本地成功  ......
  • Vue3中使用ref获取元素节点
    本文介绍在vue3的setup中使用compositionAPI获取元素节点的几种方法:静态绑定仅仅需要申明一个ref的引用,用来保存元素,在template中,不必bind引用(:ref="domRef"),只需要声......