前端實(shí)時(shí)導(dǎo)航代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="css/mui.min.css" rel="stylesheet" />
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=aGf0sLjv7DOonc61fINdATGez2d3O8xB"></script>
<script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
<style>
#allmap{width: 100%;height: 300px;}
#begin{margin-left:30%;margin-right:30%;}
</style>
<script src="js/appConfig.js"></script>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<h1 class="mui-title">mui gsp定位</h1>
</header>
<div class="mui-content">
<div id="allmap">
地圖加載中...
</div>
<input type="text" value="起點(diǎn)" id="start"/>
<input type="text" value="終點(diǎn)" id="end"/>
<input type="button" value="開(kāi)始行程" id="begin"/>
</div>
<script src="js/mui.min.js"></script>
<script type="text/javascript">
var lng;
var lat;
var car;
//存儲(chǔ)實(shí)時(shí)gps定位坐標(biāo)赌朋，用于查詢(xún)實(shí)時(shí)軌跡
var arr=new Array();
var map;
mui.init();
//頁(yè)面初始化gps定位，并將定位點(diǎn)作為地圖中心
mui.plusReady(function(){
map = new BMap.Map("allmap"); //創(chuàng)建地圖
getGPS();
});
//獲取當(dāng)前gps定位信息
function getGPS(){
//需要在mui框架的manifest.json文件中添加Geolocation位置信息模塊 plus.geolocation.getCurrentPosition(translatePoint,function(e){
mui.toast("異常:" + e.message);
});
}
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); //坐標(biāo)轉(zhuǎn)換
}
function initMap(point){
//清除上一次的gps定位圖標(biāo)
map.removeOverlay(car);
lat=point.lat;
lng=point.lng;
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
map.centerAndZoom(point,15);
var myIcon = new BMap.Icon("http://lbsyun.baidu.com/jsdemo/img/car.png", new BMap.Size(300,157));
car = new BMap.Marker(point,{icon:myIcon})
map.addOverlay(car);
sendGPS();
}
//建立起點(diǎn)自動(dòng)完成的對(duì)象
var st = new BMap.Autocomplete(
{
"input": "start",
"location": map
});
//建立終點(diǎn)自動(dòng)完成的對(duì)象
var st = new BMap.Autocomplete(
{
"input": "end",
"location": map
});
//點(diǎn)擊開(kāi)始行程 document.getElementById("begin").addEventListener("tap",function(){
var p1=document.getElementById("start").value;
var p2=document.getElementById("end").value;
var driving = new BMap.DrivingRoute(map, {renderOptions: {map: map}});
driving.search(p1,p2);
//定時(shí)gps定位拉馋，并將數(shù)據(jù)發(fā)給后端存儲(chǔ)
var t=self.setInterval('getGPS();',5000);
})
//發(fā)送gps定位信息到后端
function sendGPS(){
mui.ajax(GET_GPS,{
data:{
lat:lat,
lng:lng,
random: Math.floor(999999999)
},
dataType: 'text',
type:'post',
crossDomain: true,
success:function(data){
var jsonarr=JSON.parse(data);
alert(jsonarr.msg);
}
})
}
</script>
</body>
</html>
后臺(tái)代碼（注：后臺(tái)用的是公司框架）：
controll層:
@RequestMapping({"/feiwe_dirver_get_gps.do"})
public void dirverGetGps( HttpServletRequest request, HttpServletResponse response, ModelMap model) throws Exception {
response.getWriter().println(dWDirverService.dirverGetGps(request));
}
serverce層:
public String dirverGetGps(HttpServletRequest request);
serverceimpl層:
@Override
public String dirverGetGps(HttpServletRequest request) {
BaseDao dao4S = this.getDao(SYS);
System.out.println("baga");
String lng=request.getParameter("lng");
String lat=request.getParameter("lat");
JSONObject json=new JSONObject();
Trajectory tra=new Trajectory();
if(!StringUtils.isEmpty(lng)&&!StringUtils.isEmpty(lat)){
//保存到數(shù)據(jù)做備份跑揉，以備之后軌跡回放接口調(diào)用
tra.setLat(Double.parseDouble(lat));
tra.setLng(Double.parseDouble(lng));
dao4S.save(tra);
json.put("msg", "ok");
}else{
json.put("msg", "no");
}
return json.toString();
}