javascript - 谷歌地图 API v3 : Passing an Image for symbolPath rather than a inbuilt symbol

Question

我刚刚了解了 Symbol Animation由 Google API 提供。

在我的代码中一切正常，但我只想知道我是否可以在下面的代码中传递图像而不是符号。

var lineSymbol = {
    path: google.maps.SymbolPath.CIRCLE,
    scale: 8,
    strokeColor: '#393'
 };

如果是，我该怎么做？我试过传递图像路径和图像对象。没有任何效果..请帮助我。

Answer 1

这是一篇相当古老的帖子，但我在尝试解决此问题时遇到了它，希望我收集的信息能对您有所帮助。 @jlivni 是正确的， Symbol 不能用图像替换。解决这个问题的方法是使用折线和标记。您可以用自定义图像替换标记图像并进行移动。

此方法的好处是您可以使用新标记点更改标记之前/之后的多段线外观，查看从标记到结束位置的 eta 信息等。

---

查看这些内容很有用，但其中许多使用 GMaps API v2:
http://econym.org.uk/gmap/
--特别是:
---- http://econym.org.uk/gmap/example_cartrip.htm (很简单，直接去目的地)
---- http://econym.org.uk/gmap/example_cartrip2.htm (后面有一条可见的折线轨迹)
---- http://econym.org.uk/gmap/example_cartrip3.htm (旋转所以它总是面向马路，这就是我想要的)

http://www.geocodezip.com/
----特别是:
---- http://www.geocodezip.com/v3_animate_marker_directions.html (这是 API v3)
---- http://www.geocodezip.com/v3_animate_marker_xml.html (API v3 也通过 xml 而非折线进行动画处理)

---

有用的脚本:v3_epoly.js 取自 http://www.geocodezip.com/scripts/v3_epoly.js .该文件中的语法看起来完全不正确，但我使用过的部分仍然有效。如果需要，可能想手动完成此操作以修复它。我还使用了来自谷歌论坛帖子的 Elabel3.js(我想就是它 https://github.com/erunyon/ELabel )。它用于标记动画。开箱即用对我不起作用。我不得不为我的程序更改 onAdd()、draw() 和 redraw()。更多信息请点击此处:https://developers.google.com/maps/documentation/javascript/reference#OverlayView