WebGIS开发【智慧校园】实战案例:21. 项目实战(四)

最后我们来谈⼀下动画的实现 
动画实际可以理解为对轨迹的模拟,当路径成功生成后,激发对路径的模拟,这里用判断语句来实 现这个逻辑: 

driving.search(start,end,opts,function(status, result){
if(status=='complete'){ 
// 实现轨迹的模拟 
                    }else{ 
                    }
                 }) 

先做⼀个小车的标记

var marker = new AMap.Marker({ 
map:map, 
position:start, 
icon:'https://webapi.amap.com/images/car.png', 
offset: new AMap.Pixel(-26 -13), autoRotation:true, 
angle:-180, 
                        }) 

这个小车规定了可以自动旋转,起始位置,并显示在地图上。 

之后,就创建⼀个折线对象,用来显示车行驶需要走的路。

var passedPolyline = new AMap.Polyline({ 
map:map, 
strokeColor:'#AF5',//描边的绿⾊ 
strokeWei
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值