运动轨迹绘制页面的设计与实现：仿照运动APP的轨迹记录功能将HTML5地理定位技术用于移动设备，实现地图显示与用户打车从起点到终点的运动轨迹绘制效果。

随着人们对健康意识的提高，各类运动软件也逐渐流行。由于手机方便携带，又自带GPS定位功能，因此APP成为用户的首选。例如咕咚、益动等。这些软件都具有类似的一个功能模块，就是在电子地图上跟踪记录用户跑步或骑行的运动轨迹。

实现效果点二级目录完整代码 代码每一行都是视频里面出现的可看视频学习，ak按那个链接注册就好

• • hello world
  • 可拖拽的标注
  • 开启鼠标滚轮缩放
  • 驾车线路规划 根据起终点经纬度查询驾车路线
  • 完整代码

hello world

可拖拽的标注

marker的enableDragging和disableDragging方法可用来开启和关闭标注的拖拽功能。默认情况下标注不支持拖拽，您需要调用marker.enableDragging()方法来开启拖拽功能。在标注开启拖拽功能后，您可以监听标注的dragend事件来捕获拖拽后标注的最新位置。
marker.enableDragging();
marker.addEventListener(“dragend”, function(e){
alert(“当前位置：” + e.point.lng + “, ” + e.point.lat);
})

开启鼠标滚轮缩放

map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放

驾车线路规划 根据起终点经纬度查询驾车路线

var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true}});
driving.search(p1, p2);

完整代码