|
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，可用來調用移動設備底層功能：
|
1
|
<script src=
"../js/mui.min.js"
></script>
|
HTML代碼：
|
1
2
3
|
<
div
id="allmap">
地圖加載中...
</
div
>
|
JS調用底層：
|
1
2
3
4
5
|
mui.plusReady(
function
(){
plus.geolocation.getCurrentPosition(translatePoint,
function
(e){
mui.toast(
"異常:"
+ e.message);
});
});
|
最核心的部分，創建地圖並且轉換坐標：
|
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));
|