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>

  • 相关阅读:
    常见浏览器的兼容问题以及解决方案 (仅供参考)
    了解浏览器如何工作—渲染引擎1
    维基百科公式不能正常显示
    IDL读取fits文件
    卷积,系统
    硬盘被占用无法拔出问题解决
    Faster RCNN 改进论文及资料
    Pycharm 使用问题一览
    java eclipse 使用随笔
    Images
  • 原文地址:https://www.cnblogs.com/coderdxj/p/7453980.html
Copyright © 2011-2022 走看看