Question

我正在使用Google Maps javascript API v3开发一个小应用程序，我需要显示2个标记并使用ajax更新其位置。我发现使用谷歌地图标记没有问题，但我需要一个更自定义的标记，所以我使用谷歌地图自定义叠加，我找不到使运动流畅的方法。

这是标记的设计（也使用css动画，所以我需要自定义html）： Markers design 我遇到的问题是我找不到在地图上实际移动自定义叠加层的方法。我现在正在做的是移除叠加层并在每次移动时创建一个新叠加，使得有点眨眼并且不允许我从一个位置平滑过渡到另一个位置。

所以这是我的问题：

1-使用自定义叠加是根据设计构建标记的最佳方法吗？有没有办法让Google Maps Markers看起来像设计？

2-如果使用自定义叠加层（https://developers.google.com/maps/documentation/javascript/customoverlays）是最佳选择，是否有另一种方法可以移动它们而不是删除并创建新的叠加层？

提前致谢！

Answer 1

经过一段时间的努力（这真的花了我几个小时），我已经成功地受到了这个小提琴的启发：

功能不一样，但我可以得到一些想法。

由于没有很多文档，我已经创建了一个工作（和简化）示例的小提琴，以防万一对任何人都有用：

:)