首页 > 技术文章 > 百度地图API,定位您的当前位置

exhuasted 2017-05-23 16:41 原文

 利用百度地图的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 {width: 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>

 

推荐阅读