在 Google 地图 javascript API v3 中移动自定义叠加层

Jav*_*bas 1 javascript google-maps google-maps-api-3

我正在使用 Google Maps javascript API v3 开发一个小型应用程序,其中我需要显示 2 个标记并使用 ajax 更新它们的位置。我发现使用 Google 地图标记执行此操作没有问题,但我需要一个更加自定义的标记,因此我使用 Google 地图自定义叠加层,但找不到使移动平滑的方法。

这是标记的设计(也使用 css 动画,所以我需要自定义 html): 标记设计 我遇到的问题是我找不到一种方法来实际移动地图上的自定义叠加层。我现在正在做的是删除覆盖层并在每次必须移动它时创建一个新的覆盖层,这会让我有点眨眼并且不允许我从一个位置平滑过渡到另一个位置。

这是我的问题:

1- 使用自定义覆盖是根据设计构建标记的最佳方法吗?有什么方法可以让 Google 地图标记看起来像设计吗?

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

提前致谢!

Jav*_*bas 5

经过一段时间的挣扎(我真的花了几个小时),我设法做到了,并受到这个小提琴的启发:

https://jsfiddle.net/doktormolle/QRuW8/

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

由于没有很多文档,我用一个工作(和简化的)示例创建了自己的小提琴,以防万一对任何人都有用:

https://jsfiddle.net/javigbas/3zx5xa2u/

:)
Run Code Online (Sandbox Code Playgroud)