如何更改Google Maps v3 API for Directions中的开始和结束标记图像

Mic*_*Law 10 javascript google-maps-markers

我使用DirectionsRender绘制的路线很好但我无法找到如何用我自己的标记替换通用的Google标记.

我知道并在正常的谷歌地图情况下使用它,但发现使用开始和结束的方向标记很难做到这一点.

如果这是一个愚蠢的问题,感谢任何建议,指点或温和的嘲笑:D

迈克尔

Sea*_*ira 6

DirectionRender采取所谓的选项markerOptions.引用API文档:

DirectionsRenderer呈现的所有标记都将使用这些选项.

所以,如果你想设置的标志使用MarkerImage(如philar曾表示).

您的另一个选择是传递suppressMarkers: trueDirectionRender选项,然后只使用您自己的标记.


Phi*_*lar 4

这就是你需要采取的方法

声明所有图像图标,如下所示

var movingIcon = new google.maps.MarkerImage('/img/icon_moving.jpg');
var startIcon = new google.maps.MarkerImage('/img/icon_start.png');
Run Code Online (Sandbox Code Playgroud)

然后在创建标记时,使用图标选项将特定图像设置为该标记

marker = new google.maps.Marker({
            position: point,
            map: map,
            icon: movingIcon
            });
Run Code Online (Sandbox Code Playgroud)

  • 他询问如何更改方向上的标记,这只是回答如何更改标记图标。 (2认同)