phonegap利用百度地图实现定位

admin

我们都知道无论用原生开发的程序，还是用phoengap调用原生接口开发的程序，实现定位的时候总是不理想，下面给大家分享一个利用百度地图定位的方法

phonegap利用百度地图定位

1.http://developer.baidu.com/map/jsdemo.htm  打开这个网址

2.找到  服务示例-定位服务 -浏览器订单  如下图



也可以获取代码一下他的示例代码：


最后核心代码如下

1. 
   
2. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
   
3. 
   
4. var geolocation = new BMap.Geolocation();
   
5. geolocation.getCurrentPosition(function(r){
   
6.     if(this.getStatus() == BMAP_STATUS_SUCCESS){
   
7.       
   
8.        // alert('您的位置：'+r.point.lng+','+r.point.lat);
   
9.    
   
10.    
    
11.     var longitude=r.point.lng;//经度
    
12.     var latitude=r.point.lat; //纬度
    
13.         
    
14.         
    
15.         
    
16.     }
    
17.     else {//失败的回调函数        
    
18.     //错误回调   
    
19.         
    
20.     //alert('failed'+this.getStatus());
    
21.     }        
    
22. },{enableHighAccuracy: true});

复制代码

wyz191

通过这种方式获取的经纬度信息，偏差太大了

admin

wyz191 发表于 2014-7-9 15:32
通过这种方式获取的经纬度信息，偏差太大了

还可以以吧，原生也有偏差，感觉自己的设备好的话可以用原生

十年站长

不错不错

wyz191

嗯，获取经纬度后需要再转换一下才可以

wyz191

1. <script type="text/javascript">
   
2. document.addEventListener('deviceready',onDeviceReady,false);
   
3. function onDeviceReady(){
   
4.     getLocation();
   
5. }
   
6. function getLocation()
   
7. {
   
8.     try{
   
9.         if(navigator.geolocation){
   
10.             navigator.geolocation.getCurrentPosition(showMap, handleError, {enableHighAccuracy:true, maximumAge: 3000, timeout: 5000});
    
11.         }else{
    
12.             alert("您的浏览器不支持使用HTML 5来获取地理位置服务");
    
13.         }
    
14.     }catch(err){
    
15.         alert(err);
    
16.     }
    
17. }
    
18. 
    
19. function showMap(value){//地图初始化
    
20. 
    
21.     try{
    
22.         var longitude = value.coords.longitude;
    
23.         var latitude = value.coords.latitude;
    
24.         
    
25.         alert('GPS : '+longitude+" -- "+latitude);
    
26. 
    
27.         var map = new BMap.Map("map");
    
28.         var point = new BMap.Point(longitude, latitude);    // 创建点坐标
    
29.         map.centerAndZoom(point, 15);
    
30.         var labelgps = new BMap.Label("我是GPS标注哦",{offset:new BMap.Size(20,-10)});
    
31.         var marker = new BMap.Marker(new BMap.Point(longitude, latitude));  // 创建标注
    
32.         marker.setLabel(labelgps); //添加GPS标注
    
33.         map.addOverlay(marker);
    
34.         map.addControl(new BMap.NavigationControl());
    
35.         //坐标转换完之后的回调函数
    
36.         translateCallback = function (point){
    
37.             var marker = new BMap.Marker(point);
    
38.             map.addOverlay(marker);
    
39.             var label = new BMap.Label("我是百度标注哦",{offset:new BMap.Size(20,-10)});
    
40.             marker.setLabel(label); //添加百度label
    
41.             map.setCenter(point);
    
42.             alert(point.lng + "," + point.lat);
    
43.             var myGeo = new BMap.Geocoder();
    
44.             // 根据坐标得到地址描述
    
45.             myGeo.getLocation(point, function(result){
    
46.                               if (result){
    
47.                               var province = result.addressComponents.province ;
    
48.                               var city = result.addressComponents.city;
    
49.                               var district = result.addressComponents.district ;
    
50.                               var street = result.addressComponents.street ;
    
51.                               var streetNumber = result.addressComponents.streetNumber ;
    
52.                               alert(province + ' - ' +city + ' - ' +district+ ' - ' +street + ' - ' + streetNumber);
    
53.                               }
    
54.                               });
    
55.         }
    
56. 
    
57.         setTimeout(function(){
    
58.                    BMap.Convertor.translate(point,0,translateCallback);     //真实经纬度转成百度坐标
    
59.                    }, 2000);
    
60.     }catch(err){
    
61.         alert(err);
    
62.     }
    
63. }
    
64. function handleError(value)
    
65. {
    
66.     alert('handleError:'+value);
    
67.     switch(value.code){
    
68.         case 1:
    
69.         console.log("位置服务被拒绝");
    
70.         break;
    
71.         case 2:
    
72.         console.log("暂时获取不到位置信息");
    
73.         break;
    
74.         case 3:
    
75.         console.log("获取信息超时");
    
76.         break;
    
77.         case 4:
    
78.         alert("未知错误");
    
79.         console.log("未知错误");
    
80.         break;
    
81.     }
    
82. }
    
83. </script>
    

复制代码

admin

wyz191 发表于 2014-7-22 08:33