MUI框架---實現百度地圖定位功能

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

    這個是MUI封裝好的JS,可用來調用移動設備底層功能:javascript

1
<script src= "../js/mui.min.js" ></script>

    HTML代碼:html

 

1
2
3
< div id="allmap">
     地圖加載中...
</ div >

    JS調用底層:java

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

    最核心的部分,建立地圖而且轉換座標:git

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function translatePoint(position){
     var currentLon = position.coords.longitude;
     var currentLat = position.coords.latitude;
     var gpsPoint = new BMap.Point(currentLon,currentLat);
     BMap.Convertor.translate(gpsPoint,2,initMap); //座標轉換
}
function initMap(point){
     map = new BMap.Map( "allmap" ); //建立地圖
     map.addControl( new BMap.NavigationControl());
     map.addControl( new BMap.ScaleControl());
     map.addControl( new BMap.OverviewMapControl());
     map.centerAndZoom(point,15);
     map.addOverlay( new BMap.Marker(point));
相關文章
相關標籤/搜索