Google地图(JS-v3):如何让我的标记“从天而降”

时间:2010-11-04 21:57:20

标签: javascript google-maps bounce

一旦我能够发誓,我看到了一个使用Google Maps JavaScript API v3创建效果的演示,其中显示地图标记图标从天空掉落并降落在地图上。

我进行了搜索和搜索,包括looking at the API,但找不到那个例子。

有没有人有关如何完成此用例的更多信息?

由于

5 个答案:

答案 0 :(得分:2)

按照giogiga的建议扩展OverlayView可能是最安全的方法,但这显然不是一种简单的方法,因为Marker有很多内置的东西,如图标,阴影和draggability。

扩展Marker类真的很诱人,但是这个类是不透明的 - 它没有透露它的内部结构,例如您无法轻松访问底层DOM元素,您需要为标记设置动画。你可以用setPosition破解一些东西,但结果将是脆弱和错误的东西。或者,您可以破解进入底层DOM节点的方式,但随后您可能会更加脆弱。

所以似乎完全重新实现Marker仍然是最好的方法。

答案 1 :(得分:2)

从最新的3.3版本开始,只需添加即可 动画:google.maps.Animation.DROP

创建标记时的属性列表。它为你做到了这一切。弹跳也是可能的,虽然我发现如果没有简单的方法让它只弹跳一次然后停止,它就会比它的价值更麻烦。

答案 2 :(得分:0)

我对Google API知之甚少,但我知道你可以通过简单的jQuery

来做到这一点

答案 3 :(得分:0)

您应该实现扩展google.maps.OverlayView的自定义标记类。

基本上相当于实现3种方法:onAdd / onRemove(它们是开始动画的好选择)和绘制(可能只是更新标记位置)。

答案 4 :(得分:0)