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>

  • 相关阅读:
    接口,抽象类,普通类
    将svn项目导出,再导入到其他工作空间
    Ajax 与 Struts 1
    save tran tranName
    hibernate缓存机制详细分析
    sql中的group by 和 having 用法解析
    TensorBoard 实践 1
    Tensorflow 解决MNIST问题的重构程序
    在MNIST数据集,实现多个功能的tensorflow程序
    Tensorflow中的滑动平均模型
  • 原文地址:https://www.cnblogs.com/coderdxj/p/7453980.html
Copyright © 2011-2022 走看看