zoukankan      html  css  js  c++  java
  • javascript 浏览器定位

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    body, html,#allmap { 100%;height: 100%;overflow: hidden;margin:0;}
    #l-map{height:100%;78%;float:left;border-right:2px solid #bcbcbc;}
    #r-result{height:100%;20%;float:left;}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak="></script>
    <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
    <title>GPS转百度</title>
    <script>
    var point = new BMap.Point(116.331398,39.897445);
    //判断手机浏览器是否支持定位
    if(navigator.geolocation){
    var geolocation = new BMap.Geolocation();//创建定位实例
    geolocation.getCurrentPosition(showLocation,{enableHighAccuracy: true});//enableHighAccuracy 要求浏览器获取最佳结果
    }else{
    map.addControl(new BMap.GeolocationControl());//添加定位控件 支持定位
    }
    //处理定位后的信息
    function showLocation(r){
    if(this.getStatus() == BMAP_STATUS_SUCCESS){//定位成功
    //新建中心点 并将地图中心移动过去
    alert("百度:"+r.longitude+","+r.latitude);
    }
    else {
    alert('failed'+this.getStatus());//定位失败
    }
    }
    </script>
    </head>
    <body>
    <div id="allmap"></div>
    百度jsapi
    </body>
    </html>

  • 相关阅读:
    git commit --amend
    webpack代码分割
    selection And range js
    自动化测试
    python学习路线图
    Java--解决JDK14没有jre问题
    Java-win下环境变量设置
    Jenkins忘记admin密码拯救方法
    Windows或linux下 pip设置默认豆瓣镜像源
    ChromeDriver与Chrome版本对应参照表及ChromeDriver下载链接
  • 原文地址:https://www.cnblogs.com/coderdxj/p/7453980.html
Copyright © 2011-2022 走看看