javascript - 在不占用大量处理器的情况下移动 Google Maps API v3 中的标记？

Question

我正在尝试移动 GoogleMap 上的标记以模拟实时对象移动。目前，我如何执行此操作的 JavaScript 伪代码是:

var marker = new google.maps.Marker({
    position: myLatlng, 
    map: map
});

var myMovementArray[] = new movementArray(startPoint, endPoint);

drawMovement(int pos){
    marker.setPosition(myMovementArray[pos]["lat"], myMovementArray[pos]["lng"]);
    pos++;
    if (pos < myMovementArray.length()){
        setTimeout('drawMovement('+pos+')', 33);
    }
}

init(){
    drawMovement(0);
}

移动数组中的每个元素是通过以下方式计算的:

deltaLat = (endPos.lat - startPos.lat)/frames;
deltaLng = (endPos.lng - startPos.lng)/frames;
myMovementArray[i]["lat"] = startPos.lat + (deltaLat * i);
myMovementArray[i]["lng"] = startPos.lng + (deltaLng * i);

作为引用，我正在使用的完整 JavaScript 文件位于: http://spad.es/js/com.kamkash.locateme.viewer.dev.js

我遇到的问题是，这种在 Google map 上移动标记的方法似乎非常占用处理器资源。我四处搜索，看看 Google Maps API 是否有一种干净的方法来为标记从 A 点到 B 点的移动设置动画，但找不到任何东西。我发现的其他最常用的执行此操作的方法在 http://www.geocodezip.com/v3_animate_marker_directions.html 中举例说明。但随后使用了我部署的相同方法。

该代码在实践中用于: www.spad.es/random

有没有人有更高效/更清洁的处理方法？

谢谢

Answer 1

这可能是 Canvas 标记的问题。尝试设置 optimized: false 标记选项 - 这会导致标记不呈现为 Canvas 标记。