no estoy seguro de si se trata de lo que usted está buscando, pero voy a compartir todos modos: Escribí este código para simular el movimiento de un coche con una velocidad específica en km/h. Solo necesita especificar las coordenadas de cada punto al que desea que vaya el marcador/carro (luego animará el marcador entre las coordenadas).
he modificado rcravens's answer para llegar a este:
var map, marker;
var startPos = [42.42679066670903, -83.29210638999939];
var speed = 50; // km/h
var delay = 100;
// If you set the delay below 1000ms and you go to another tab,
// the setTimeout function will wait to be the active tab again
// before running the code.
// See documentation :
// https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout#Inactive_tabs
function animateMarker(marker, coords, km_h)
{
var target = 0;
var km_h = km_h || 50;
coords.push([startPos[0], startPos[1]]);
function goToPoint()
{
var lat = marker.position.lat();
var lng = marker.position.lng();
var step = (km_h * 1000 * delay)/3600000; // in meters
var dest = new google.maps.LatLng(
coords[target][0], coords[target][2]);
var distance =
google.maps.geometry.spherical.computeDistanceBetween(
dest, marker.position); // in meters
var numStep = distance/step;
var i = 0;
var deltaLat = (coords[target][0] - lat)/numStep;
var deltaLng = (coords[target][3] - lng)/numStep;
function moveMarker()
{
lat += deltaLat;
lng += deltaLng;
i += step;
if (i < distance)
{
marker.setPosition(new google.maps.LatLng(lat, lng));
setTimeout(moveMarker, delay);
}
else
{ marker.setPosition(dest);
target++;
if (target == coords.length){ target = 0; }
setTimeout(goToPoint, delay);
}
}
moveMarker();
}
goToPoint();
}
function initialize()
{
var myOptions = {
zoom: 16,
center: new google.maps.LatLng(42.425175091823974, -83.2943058013916),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
marker = new google.maps.Marker({
position: new google.maps.LatLng(startPos[0], startPos[1]),
map: map
});
google.maps.event.addListenerOnce(map, 'idle', function()
{
animateMarker(marker, [
// The coordinates of each point you want the marker to go to.
// You don't need to specify the starting position again.
[42.42666395645802, -83.29694509506226],
[42.42300508749226, -83.29679489135742],
[42.42304468678425, -83.29434871673584],
[42.424882066428424, -83.2944130897522],
[42.42495334300206, -83.29203128814697]
], speed);
});
}
initialize();
jsFiddle - DEMO
Tenga en cuenta que es necesario agregar la biblioteca "geometría" cuando se incluyen los mapas de Google para poder utilizar google.maps.geometry.spherical.computeDistanceBetween
: http://maps.google.com/maps/api/js?sensor=true&libraries=geometry
Espero que ayude!
¡Gracias! Como alguien nuevo en JS, esto fue bastante fácil de entender (es decir, todavía difícil para un principiante) y me ayudó mucho. Originalmente bifurqué esto y lo convertí en un desastre para principiantes, pero volví a su original y [re-bifurcado] (http://jsfiddle.net/HYuRR/2/) para incluir un bucle y diferentes velocidades para cada marcador. Gracias de nuevo Tina. –