<script src="http://webapi.amap.com/maps?v=1.4.6&key=你所申请的key值"></script>
<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
<script>
//地图操作
var marker, map = new AMap.Map("container", {
resizeEnable: true,
center: [0,0],
zoom: 13
});
//起终点坐标
var statrLon="";
var statrLat="";
var endLon="";
var endLat="";
$.ajax({
url: JM.apiSite + "/admin/networkCar/getCarOrderInfo.json",
crossDomain: true,
async: true,
type: "post",
data: {
"access_token": accessToken,
"id": result.id
},
success: function(json) {
if(json.info.orderStatus=="Finished"){
$.ajax({
url: JM.apiSite + "/admin/networkCar/getOrderRunTrack.json",
crossDomain: true,
async: true,
type: "post",
data: {
"access_token": accessToken,
"orderId": result.id
},
success: function(json) {
console.log(json);
var e=json.info;
var lineArr = [];
for(var i=0;i<e.length;i++){
//保存开始和结束时经纬度
if(i==0){
statrLat=e[i].lat;
statrLon=e[i].lon;
}else if(i==e.length-1){
endLat=e[i].lat;
endLon=e[i].lon;
}
var arr=[];
arr[0]=e[i].lon;
arr[1]=e[i].lat;
lineArr.push(arr);
}
//初始化地图
var marker, map = new AMap.Map('container', {
resizeEnable: true,
center: [statrLon, statrLat],
zoom: 11,
resizeEnable: true,
autoFitView: true
});
var polyline = new AMap.Polyline({
path: lineArr, //设置线覆盖物路径
strokeColor: "#3366FF", //线颜色
strokeOpacity: 1, //线透明度
strokeWeight: 5, //线宽
strokeStyle: "solid", //线样式
strokeDasharray: [10, 5] //补充线样式
});
polyline.setMap(map);
$(".gdMap").show();
// 实例化点标记
function addMarker(x,y) {
if (marker) {
return;
}
marker = new AMap.Marker({
icon: "http://webapi.amap.com/theme/v1.3/markers/n/end.png",
position: [x,y]//在这里设置需要打点的坐标
});
marker.setMap(map);
}
addMarker(endLon, endLat);
}
});
}
}
});
//每分钟获取一次司机位置
timer = window.setInterval(getPosition, 60000);
function getPosition() {
$.ajax({
url: JM.apiSite + "/admin/networkCar/getDriverLocation.json",
crossDomain: true,
async: true,
type: "post",
data: {
"access_token": accessToken,
"driverId": result.id
},
success: function(json) {
console.log(1);
var e = json.info;
var map = new AMap.Map("container", {
resizeEnable: true,
center: [e.lon, e.lat],
zoom: 13
});
//!!!!!!!!!!!!!!!
marker = new AMap.Marker({
position: [e.lon, e.lat],
});
marker.setMap(map);
}
})
}
</script>