zoukankan      html  css  js  c++  java
  • 百度地图API,定位您的当前位置

     利用百度地图的API来定位您的所属位置,这个位置返回的是经纬度,而不是具体的汉字位置。利用经纬度,再显示在百度地图上的位置。

     1 <html>
     2 <head>
     3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     4     <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
     5     <style type="text/css">
     6         body, html,#allmap { 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
     7     </style>
     8     <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>
     9     <title>浏览器定位</title>
    10 </head>
    11 <body>
    12 <div id="allmap"></div>
    13 </body>
    14 </html>
    15 <script type="text/javascript">
    16     // 百度地图API功能
    17     var map = new BMap.Map("allmap");
    18     var point = new BMap.Point(116.331398,39.897445);
    19     map.centerAndZoom(point,12);
    20 
    21     var geolocation = new BMap.Geolocation();
    22     geolocation.getCurrentPosition(function(r){
    23         if(this.getStatus() == BMAP_STATUS_SUCCESS){
    24             var mk = new BMap.Marker(r.point);
    25             map.addOverlay(mk);
    26             map.panTo(r.point);
    27             alert('您的位置:'+r.point.lng+','+r.point.lat);
    28         }
    29         else {
    30             alert('failed'+this.getStatus());
    31         }
    32     },{enableHighAccuracy: true})
    33     //关于状态码
    34     //BMAP_STATUS_SUCCESS    检索成功。对应数值“0”。
    35     //BMAP_STATUS_CITY_LIST    城市列表。对应数值“1”。
    36     //BMAP_STATUS_UNKNOWN_LOCATION    位置结果未知。对应数值“2”。
    37     //BMAP_STATUS_UNKNOWN_ROUTE    导航结果未知。对应数值“3”。
    38     //BMAP_STATUS_INVALID_KEY    非法密钥。对应数值“4”。
    39     //BMAP_STATUS_INVALID_REQUEST    非法请求。对应数值“5”。
    40     //BMAP_STATUS_PERMISSION_DENIED    没有权限。对应数值“6”。(自 1.1 新增)
    41     //BMAP_STATUS_SERVICE_UNAVAILABLE    服务不可用。对应数值“7”。(自 1.1 新增)
    42     //BMAP_STATUS_TIMEOUT    超时。对应数值“8”。(自 1.1 新增)
    43 </script>
  • 相关阅读:
    Luogu4233 射命丸文的笔记 DP、多项式求逆
    LOJ2267 SDOI2017 龙与地下城 FFT、概率密度函数、Simpson
    LOJ2882 JOISC2014 两个人的星座 计算几何
    UOJ343 清华集训2017 避难所 构造、打表
    Solution -「CTS2019」珍珠
    「珂朵莉树」学习笔记
    CSP2019-J/S 游记
    LeetCode(164)Maximum Gap
    LeetCode(165) Compare Version Numbers
    LeetCode(162) Find Peak Element
  • 原文地址:https://www.cnblogs.com/exhuasted/p/6894787.html
Copyright © 2011-2022 走看看