MUI实现百度地图定位功能

"); </div> 很多网友不知道如何使用mui开发app的时候调用百度定位功能，今天B5教程网分享一下教程，希望对大家有所帮助，只能是抛砖引玉，根据自己的需求去开发不同的百度功能。

js代码如下：

1. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=HR3RRyTsXYdQ3QzzG5yUkg0q"></script> 
2. <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script> 
3. <script src="../js/mui.min.js"></script> 

HTML代码：

1. <div id="allmap"> 
2.     地图加载中... 
3. </div> 

JS调用底层：
 

1. mui.plusReady(function(){ 
2.     plus.geolocation.getCurrentPosition(translatePoint,function(e){ 
3.         mui.toast("异常:" + e.message); 
4.     }); 
5. }); 

最核心的部分，创建地图并且转换坐标：
 

1. function translatePoint(position){ 
2.     var currentLon = position.coords.longitude; 
3.     var currentLat = position.coords.latitude; 
4.     var gpsPoint = new BMap.Point(currentLon,currentLat); 
5.     BMap.Convertor.translate(gpsPoint,2,initMap); //坐标转换 
6. } 
7. function initMap(point){ 
8.     map = new BMap.Map("allmap"); //创建地图 
9.     map.addControl(new BMap.NavigationControl()); 
10.     map.addControl(new BMap.ScaleControl()); 
11.     map.addControl(new BMap.OverviewMapControl()); 
12.     map.centerAndZoom(point,15); 
13.     map.addOverlay(new BMap.Marker(point));