google-maps - 谷歌地图在灰度模式下设置方向

Question

当用户选择商店并想查看方向时，是否可以在网站上以灰度（黑白）模式设置谷歌地图的方向？

我的网站上有灰度地图，但是当用户尝试查看方向时，方向详细信息以彩色显示，所以有没有可能的方法也以黑白方式显示该方向？

标签： google-mapsgoogle-maps-api-3google-maps-api-2

Answer 1

要回答您的问题，是的，可以更改设置方向折线颜色以匹配您的灰度地图样式。

这可以通过修改DirectionsRendererOptions的 polylineOptions 来完成。

var directionsRenderer = new google.maps.DirectionsRenderer({
    suppressMarkers: true,
    polylineOptions:{
        strokeColor: "#808080",
        strokeWeight: 10
    }
});

如您所见，我还通过设置suppressMarkers为删除了默认方向标记true。这样，我可以创建一个新的标记，我可以修改它以匹配灰度颜色。

请在此处找到工作示例