Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google maps api 3 在谷歌地图上设置路线动画_Google Maps Api 3_Routes_Animated - Fatal编程技术网

Google maps api 3 在谷歌地图上设置路线动画

Google maps api 3 在谷歌地图上设置路线动画,google-maps-api-3,routes,animated,Google Maps Api 3,Routes,Animated,我正在寻找关于如何在谷歌地图上设置路线动画的帮助/提示 我不想动画的标记,只是2点之间的路线,它需要遵循地图上的道路,最好像一个进度条工作 有人知道任何例子或起点吗?这是我在前面的评论中链接到的该网站的一个修改版本。我对这段代码的改动很少,但它不需要Angular或jQuery 动画路线 html,body,#map{ 身高:100%; 边际:0px; 填充:0px } var映射; 函数初始化(){ var-markLAT=coords[0].lat; var markLNG=coords[

我正在寻找关于如何在谷歌地图上设置路线动画的帮助/提示

我不想动画的标记,只是2点之间的路线,它需要遵循地图上的道路,最好像一个进度条工作


有人知道任何例子或起点吗?

这是我在前面的评论中链接到的该网站的一个修改版本。我对这段代码的改动很少,但它不需要Angular或jQuery


动画路线
html,body,#map{
身高:100%;
边际:0px;
填充:0px
}
var映射;
函数初始化(){
var-markLAT=coords[0].lat;
var markLNG=coords[0].lng;
map=new google.maps.map(document.getElementById(“map”){
中心:新google.maps.LatLng(markLAT,markLNG),
缩放:11,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
自动刷新();
}
google.maps.event.addDomListener(窗口“加载”,初始化);
var icon=new google.maps.MarkerImage(“http://maps.google.com/mapfiles/ms/micons/blue.png");
功能移动标记(地图、标记、横向、纵向){
marker.setPosition(新的google.maps.LatLng(lat,lon));
panTo(新的google.maps.LatLng(lat,lon));
}
函数autoRefresh(){
变量i,路径,标记;
route=新建google.maps.Polyline({
路径:[],
测地线:正确,
strokeColor:“#FF0000”,
笔划不透明度:1.0,
冲程重量:2,
可编辑:false,
地图:地图
});
marker=new google.maps.marker({map:map,icon:icon});
对于(i=0;i