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>

  • 相关阅读:
    PHP乘法表
    通过闭包可以返回局部变量
    FZU2125_简单的等式
    FZU2122_又见LKity
    FZU2121_神庙逃亡
    UVA12585_Poker End Games
    UVA12583_Memory Overow
    HDU4647_Another Graph Game
    HDU4646_Laser Beam
    HDU4787_GRE Words Revenge
  • 原文地址:https://www.cnblogs.com/coderdxj/p/7453980.html
Copyright © 2011-2022 走看看