【问题标题】:Moving a custom overlay in Google Maps javascript API v3在 Google Maps javascript API v3 中移动自定义叠加层
【发布时间】:2017-03-31 10:09:46
【问题描述】:

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

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

所以这是我的问题:

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

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

提前致谢!

【问题讨论】:

    标签: javascript google-maps google-maps-api-3


    【解决方案1】:

    在为此苦苦挣扎了一段时间(真的花了我几个小时)之后,我设法做到了,并受到了这个小提琴的启发:

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

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

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

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

    :)
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-04-14
      • 1970-01-01
      • 1970-01-01
      • 2011-02-26
      • 1970-01-01
      相关资源
      最近更新 更多