百度地图如何用代码实现“轨迹回放”和“跟踪”这2个功能？

celery菜菜 2012-05-03 02:23:56

最近一直被这两个问题所困扰，求各位大侠赐教！！主要是js方法不会写啊？？？？

...全文

12531 32 打赏收藏转发到动态举报

写回复

用AI写文章

32 条回复

切换为时间正序

请发表友善的回复…

发表回复

110成成 2014-07-09

打赏
举报

求完整实例，422208024@qq.com

wphgh 2014-07-02

打赏
举报

求楼主的轨迹回放功能。 hgh411@126.com

求学小青年 2014-06-17

打赏
举报

求楼主的轨迹回放功能，楼主威武！879956571@qq.com

zhouwenjun258852 2014-05-08

打赏
举报

楼主实现好了没有，求给个demo。。754542201@qq.com

williamxia8 2013-12-09

打赏
举报

是啊，我们都需要回放功能呢

候建江 2013-12-02

打赏
举报

楼主给一个回放功能吧，谢了873480528@qq.com

hesaiisme 2013-10-25

打赏
举报

引用 23 楼 meng6ying18 的回复:

19楼楼主，请教个问题，坐标用的是GPS坐标吧，这和实际坐标偏差很大，怎么转成百度坐标啊

你要很精确的话就要有纠偏的数据库，每个坐标去比对，要求不高就通过坐标拾取系统自己计算每次增加零点零几

zhuonenghu 2013-09-25

打赏
举报

楼主，你这个轨迹回放实现了吗，能不能分享一下啊，感激不尽 253513044@qq.com

u010983224 2013-06-06

打赏
举报

引用 4 楼 celery916 的回复:

[Quote=引用 2 楼的回复:] 每一次上传的数据在地图上都会留下一个点把这些点用线连接起来就是轨迹了 [/Quote] 这个已经实现，主要得实现回放的功能还有暂停，停止，中断这些功能

楼主能让小车沿着你画的折线运动吗？有的话麻烦发我邮箱916391940@qq.com，谢谢！

meng6ying18 2013-05-11

打赏
举报

19楼楼主，请教个问题，坐标用的是GPS坐标吧，这和实际坐标偏差很大，怎么转成百度坐标啊

twlkyao 2013-04-19

打赏
举报

引用 17 楼 adsdassadfasdfasdf 的回复:

我bolg里面还有google的你看看！有效果图！

Android里好像没有这些API呀。

红姬茄子 2012-09-20

打赏
举报

楼主，我最近也在做轨迹回放这个功能，但是一筹莫展，如果可以的话，你能不能把你的轨迹回放发给我看看，参考下啊，先谢谢了哈。我的邮箱：1129141108@qq.com

红姬茄子 2012-09-20

打赏
举报

楼主，我最近也在做轨迹回放这个功能，但是一筹莫展，如果可以的话，你能不能把你的轨迹回放发给我看看，参考下啊，谢谢了

idragonet 2012-08-21

打赏
举报

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>标注沿折线运动</title>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>

</head>

<body>

<div style="width:1320px;height:640px;border:1px solid gray" id="container"></div>

<input type='button' value='开始' onclick='run();' />

</body>

</html>

<script type="text/javascript">

var map = new BMap.Map("container");

map.centerAndZoom(new BMap.Point(116.404, 39.915), 15);

var myP1 = new BMap.Point(116.371801,39.912114);    //起点

var myP2 = new BMap.Point(116.447804,39.913123);    //终点

var myIconmove = new BMap.Icon("http://dev.baidu.com/wiki/static/map/API/examples/images/Mario.png", new BMap.Size(32, 70), {    //小车图片

    //offset: new BMap.Size(0, -5),    //相当于CSS精灵

    imageOffset: new BMap.Size(0, 0)    //图片的偏移量。为了是图片底部中心对准坐标点。

  });

//var driving2 = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: false}});    //驾车实例

//driving2.search(myP1, myP2);    //显示一条公交线路



//添加起标志

//添加终标志

var point = new BMap.Point(116.401801,39.912114);



//添加起标志

//添加终标志

var myIcon = new BMap.Icon("http://api.map.baidu.com/img/dest_markers.png",new BMap.Size(28, 32),  {     offset: new BMap.Size(10, 25),  imageOffset: new BMap.Size(0, 0)  });    

var myIcon2 = new BMap.Icon("http://api.map.baidu.com/img/dest_markers.png",new BMap.Size(28, 32),  {     offset: new BMap.Size(-150, -205),  imageOffset: new BMap.Size(0, -34)  });

  

var point2 =  new BMap.Point(116.423184,39.930323);

var marker = new BMap.Marker(point, {icon: myIcon});  // 创建标注

var marker2 = new BMap.Marker(point2, {icon: myIcon2});  // 创建标注

map.addOverlay(marker);              // 将标注添加到地图中

map.addOverlay(marker2); 

marker.setAnimation(BMAP_ANIMATION_DROP ); //跳动的动画

marker2.setAnimation(BMAP_ANIMATION_DROP ); //跳动的动画



var polyline = new BMap.Polyline([

new BMap.Point(116.401801,39.912114),

    new BMap.Point(116.403803,39.912336),

    new BMap.Point(116.404804,39.912447),

    new BMap.Point(116.405905,39.918558),

    new BMap.Point(116.418804,39.926123),

    new BMap.Point(116.419184,39.929323),

    new BMap.Point(116.423184,39.930323)

], {strokeColor:"blue", strokeWeight:3, strokeOpacity:0.5});

map.addOverlay(polyline);



window.run = function (){

    var driving = new BMap.DrivingRoute(map);    //驾车实例

    driving.search(myP1, myP2);

    driving.setSearchCompleteCallback(function(){

        var pts = driving.getResults().getPlan(0).getRoute(0).getPath();    //通过驾车实例，获得一系列点的数组

        pts = [                          //创建7个点

   new BMap.Point(116.401801,39.912114),

    new BMap.Point(116.403803,39.912336),

    new BMap.Point(116.404804,39.912447),

    new BMap.Point(116.405905,39.918558),

    new BMap.Point(116.418804,39.926123),

    new BMap.Point(116.418904,39.926223),

    new BMap.Point(116.419184,39.929323),

    new BMap.Point(116.423184,39.930323)

];

		

		

		var paths = pts.length;    //获得有几个点

         

		//alert(pts.toString()); 

        var carMk = new BMap.Marker(pts[0],{icon:myIconmove});

        map.addOverlay(carMk);

        i=0;

        function resetMkPoint(i){

            carMk.setPosition(pts[i]);

            if(i < paths){

                setTimeout(function(){

                    i++;

                    resetMkPoint(i);

                },500);

            }else{map.removeOverlay(carMk);}

        }

        setTimeout(function(){

            resetMkPoint(0);

        },800)



    });

}

</script>