baiduMapAPI——运动轨迹

利用经纬度一周运动轨迹，并标记最近时刻出现的位置，弹出详细地址信息

//获取原始经纬度位置（时间、经度、纬度）
var json = ${position};
var datas = [];
var times=[];
$.each(json, function(i,item){
datas.push(new BMap.Point(item.wzjd,item.wzwd));//wzjd经度、wzwd纬度
times.push(item.cjsj);//item.cjsj采集时间
})
var time = times[times.length-1];//最后出现位置的时间


var map = new BMap.Map("mychart",{
    enableMapClick : false//关闭百度地图自带的弹出框
});//创建地图实例
map.centerAndZoom(datas[datas.length-1], 15); // 初始化地图，设置中心点坐标和地图级别
map.enableScrollWheelZoom(true);
map.addControl(new BMap.NavigationControl());//地图平移缩放控件PC端默认位于地图左上方，它包含控制地图的平移和缩放的功能。
map.addControl(new BMap.ScaleControl()); //比例尺控件，默认位于地图左下方，显示地图的比例关系。
map.addControl(new BMap.OverviewMapControl());//添加缩略地图控件，默认位于地图右下方，是一个可折叠的缩略地图
map.addControl(new BMap.MapTypeControl());//地图类型控件，默认位于地图右上方

var marker = new BMap.Marker(datas[datas.length-1]);
map.addOverlay(marker);    
//marker.setLabel(new BMap.Label(time+"所在位置:",{offset:new BMap.Size(20,-10)}));


var polyline = new BMap.Polyline(datas,
    {strokeColor:"blue", strokeWeight:6, strokeOpacity:0.5}
    );
map.addOverlay(polyline);



//通过baiduMap API获取街道名称
var address;
var gc = new BMap.Geocoder();

gc.getLocation(datas[datas.length-1], function(rs){

    var addComp = rs.addressComponents;

    address = addComp.province + ", " + addComp.city + ", " + addComp.district + ", " +     addComp.street + ", " + addComp.streetNumber;

    var opts = {title : '<span style="font-size:14px;color:#0A8021">'+time+'所在位置:' +'</span>'};

    var infoWindow =new BMap.InfoWindow("<div style='line-height:1.8em;font-size:12px;'>"+ address +"</div>", opts);  // 创建信息窗口对象，引号里可以书写任意的html  语句。

    //鼠标悬停时，出现所在位置的提示框
    marker.addEventListener("mouseover", function(){
        this.openInfoWindow(infoWindow);
    });

});

`