<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.2&services=true"></script>
</head>
<body>
<div style="width: 1020px; height: 340px; 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.380967, 39.913285);
//起点
var myP2 = new BMap.Point(116.424374, 39.914668);
//终点
var myIcon = new BMap.Icon("car.jpg", new BMap.Size(140, 98), {
//小车图片
//
offset : new BMap.Size(0, -5), //相当于CSS精灵
imageOffset : new BMap.Size(0, 0)
//图片的偏移量。为了是图片底部中心对准坐标点。
});
var driving2 = new BMap.DrivingRoute(map, {
renderOptions : {
map : map,
autoViewport : true
}
});
//驾车实例
driving2.search(myP1, myP2);
//显示一条公交线路
function run() {
var driving = new BMap.DrivingRoute(map);
//驾车实例
driving.search(myP1, myP2);
driving.setSearchCompleteCallback(function() {
var pts = driving.getResults().getPlan(0).getRoute(0).getPath();
//通过驾车实例,获得一系列点的数组
var paths = pts.length;
//获得有几个点
var carMk = new BMap.Marker(pts[0], {
icon : myIcon
});
map.addOverlay(carMk);
i = 0;
function resetMkPoint(i) {
carMk.setPosition(pts[i]);
if (i < paths) {
setTimeout(function() {
i++;
resetMkPoint(i);
}, 100);
}
}
setTimeout(function() {
resetMkPoint(5);
console.log(i);
}, 100)
});
}
</script>
分享到:
相关推荐
百度地图运动轨迹 车辆行驶轨迹 js坐标运动轨迹
javascript百度地图行驶轨迹、车辆跟随路径移动并变化方向,只需传入起点和终点坐标即可模拟车辆导航,真实导航需要再进行定位,将定位的坐标点实时传入,稍微改动即可
1.该部分内容来自新华三NAVIGATE创客节-黑客松“物联网终端行为分析”第三题:已知一系列经纬度坐标点,在百度地图上画出该坐标点对应的运动轨迹。 2.压缩包包括HTML代码、包含实际经纬度信息的TXT文档、用于搭建...
一辆汽车从起点◎出发驶向右下角终点▲,其坐标为(N,N)。在若干个网格交叉点处,设置了油库,可供汽车在行驶途中加油。汽车在行驶过程中应遵守如下规则: (1)汽车只能沿网格边行驶,装满油后能行驶K 条网格边...
一辆汽车从起点出发驶向右下角终点,其坐标为(N,N)。 在若干个网格交叉点处,设置了油库,可供汽车在行驶途中加油。汽车在行驶过程中应遵守如下规则: (1)汽车只能沿网格边行驶,装满油后能行驶K条网格边。...
一辆汽车从起点◎出发驶向右下角终点▲,其坐标为(N,N)。在若干个网格交叉点处,设置了油库,可供汽车在行驶途中加油。汽车在行驶过程中应遵守如下规则: (1)汽车只能沿网格边行驶,装满油后能行驶K 条网格边。...
一辆汽车从起点出发驶向右下角终点,其坐标为(N,N)。 在若干个网格交叉点处,设置了油库,可供汽车在行驶途中加油。汽车在行驶过程中应遵守如下规则: (1)汽车只能沿网格边行驶,装满油后能行驶K 条网格边。...
本人百度地图系列博客文章源码,百度地图实时画出运行轨迹,车头实时指向行驶方向,设置角度偏移。对应效果地址:https://blog.csdn.net/xiaoge_586/article/details/116694492
一辆汽车从起点出发驶向右下角终点,其坐标为(N,N)。 在若干个网格交叉点处,设置了油库,可供汽车在行驶途中加油。汽车在行驶过程中应遵守 如下规则: (1)汽车只能沿网格边行驶,装满油后能行驶K 条网格边。...
一辆汽车加满油后可行驶n公里。旅途中有若干个加油站。设计一个有效算法,指出应在哪些加油站停靠加油,使沿途加油次数最少。并证明算法能产生一个最优解。 编程任务: 对于给定的n和k个加油站位置,编程计算最少...
一辆汽车加满油后可行驶 n公里。旅途中有若干个加油站。设计一个有效算法,指出应 在哪些加油站停靠加油,使沿途加油次数最少。 输入格式: 第一行有 2 个正整数n和 k(k),表示汽车加满油后可行驶n公里,且旅途中...
一辆汽车加满油后可行驶n公里。旅途中有若干个加油站。设计一个有效算法,指出应在哪些加油站停靠加油,使沿途加油次数最少。 对于给定的n和k(k )个加油站位置,编程计算最少加油次数。 Input 有多个测试用例。...
一辆汽车从起点出发驶向右下角终点,其坐标为(N,N)。 在若干个网格交叉点处,设置了油库,可供汽车在行驶途中加油。汽车在行驶过程中应遵守如下规则: (1)汽车只能沿网格边行驶,装满油后能行驶K条网格边。...
算法设计与分析、Java 一辆汽车加满油后可行驶nKm,
纯CSS3实现汽车行驶动画是一款纯css制作的额汽车行驶特效
车辆行驶死锁问题,在Linux下用C语言完成下面模型:设有一个T型路口,其中A,B,C,D各处可容纳一辆车,车型方向如图所示。找出死锁并用有序分配法消除之,要求资源编号合理。
Android百度地图实例详解之仿摩拜单车APP,包括附近车辆、规划路径、行驶距离、行驶轨迹记录,轨迹回放,导航等
汽车驱动力是汽车的核心性能指标之一,直接影响汽车的加速、爬坡、行驶稳定性等性能。 汽车驱动力传递路线是指发动机的输出功率经由变速器、副变速器、传动轴、主减速器、差速器、半轴、轮边减速器等传递到车轮的...
问题描述:一辆汽车加满油后可行驶 n 公里, 旅途中有若干个加油站。 请指出应在哪些加油站停靠加油使得沿途加油次数最少。本题对于给定的正整数 n 和 k 个加油站位置, 请计算最少加油次数。