高德地图有经纬度情况下绘制路线并加marker

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

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值