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));
|