沿两个GPS坐标平滑移动标记


10

我正在尝试将标记从一个GPS坐标动画化为另一个坐标。我目前正在使用Google Maps实现此目的,尽管我的算法看似正确,但Google Maps在将GPS位置转换为地图上的正确像素方面做得很差,这使得缩小地图时的动画效果不那么平滑。放大后,它非常平滑,这就是为什么我怀疑“ zig zag”是由Google的LatLng-> pixel转换不良造成的。

最好的解决方案是对我来说直接处理标记(x,y)像素坐标,但是遗憾的是,没有用于将像素位置分配给标记的公共方法。

该代码可在此处获得:http : //dev.syskall.com/map/

缩小时如何使动画更平滑?另外,我会感兴趣的是使用等效于Google Maps的工具,如果Google Maps无法实现该工具,那么我将完成我想做的事情。

PS:我不确定这是否是问我问题的合适地点,如果不是这样的话,请告诉我。

Answers:



2

您可以使用marker-animate-unobsivesive库来使标记从一个位置平滑过渡到另一位置。

您可以像这样初始化标记:

var marker = new SlidingMarker({
   //your original marker options
   //...
});

因此,您的标记将在此调用中从起始位置动画到给定的动画:

marker.setPosition(givenPosition);

附言:我是图书馆的作者。


您的图书馆有能力将图标旋转到一个角度吗?根据上一个纬度,lon移至下一个纬度?
蒂姆·麦克西

请参阅此处的讨论。每个动画步骤都会引发一个事件,您可以在其中获取坐标并尝试旋转标记。
viskin '16


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.