当前位置: 首页 > Web前端 > HTML5

腾讯地图实现轨迹回放

时间:2023-04-05 16:23:09 HTML5

为什么要用腾讯地图?百度、高德地图业务需要授权5W/年。土豪可以直接百度和高德,文档详细方法全,腾讯免费但方法不全。腾讯也有曲目播放的方法。参考了高德的地图,对比了腾讯的地图,学会了如何使用。轨迹回放高德和百度都有写案例https://lbs.amap.com/api/javascript-api/example/marker/replaying-historical-running-data/?sug_index=6直接上传代码:leti=[{lng:113.97178462529953,lat:22.533004760109772,},{lng:113.97178462529953,lat:22.533004760109772,},{lng:113.97227964419012,lat:22.53297604020109,},{lng:113.9727937028104,lat:22.532843370121697,},{lng:113.9727937028104,lat:22.532843370121697,},{lng:113.9727937028104,lat:22.532843370121697,},{lng:113.9727937028104,lat:22.532843370121697,},{lng:113.9727937028104,lat:22.532843370121697,},{lng:113.9727937028104,lat:22.532843370121697,},{lng:113.9727937028104,lat:22.532843370121697,},{lng:113.9727937028104,lat:22.532843370121697,}]让p=[];(e.lat,e.lng));});//设置图标this.marker1=newwindow.qq.maps.Marker({position:p[0],map:this.map,autoRotation:true});//绘制轨迹this.polyline=newqq.maps.Polyline({path:p,strokeColor:"#28F",strokeWeight:6,editable:false,map:this.map});//图标沿Track移动that.marker1.moveAlong(p,80);这样就可以实现沿轨道移动。有个问题:使用官方图标没问题,使用自定义图标,如上图,垂直的情况暂时无法解决,旋转角度也无法在qq.maps中设置autoRotation。MarkerOptions(当点标记使用moveTo和moveAlong动画时,如果路径方向发生变化,点标记是否自动调整角度,默认为false。)这个无效,如果有解决办法,请告诉我一次。